#5FDEEE

#5FDEEE

#EE6F5F

#EE6F5F

コントラスト比

1.86:1

Delta E

95.39

Very Different

50:50 ミックス

#C6ABA4

カラー値

フォーマット #5FDEEE #EE6F5F
HEX #5FDEEE #EE6F5F
RGB 95, 222, 238 238, 111, 95
HSL 186.7, 80.8%, 65.3% 6.7, 80.8%, 65.3%
HSV 186.7, 60.1%, 93.3% 6.7, 60.1%, 93.3%
CMYK 60.1%, 6.7%, 0.0%, 6.7% 0.0%, 53.4%, 60.1%, 6.7%
OKLCH 0.8357 0.1133 206.6 0.6904 0.1601 29.1

コントラストとアクセシビリティ

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #EE6F5F → 背景色: #5FDEEE

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #5FDEEE → 背景色: #EE6F5F

色差 (Delta E)

95.39 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#5FDEEE #91CED5 #B0BDBC #C6ABA4 #D7998D #E48576 #EE6F5F

カラーミキシング

#5FDEEE

100%

#A2C5C9

75:25

#C6ABA4

50:50

#DE8F81

25:75

#EE6F5F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FDEEE, #EE6F5F);
background: linear-gradient(135deg, #5FDEEE, #EE6F5F);

各色を詳しく見る

#5FDEEE

カラーの詳細をすべて見る

#EE6F5F

カラーの詳細をすべて見る

関連する比較