#AFECB0

#AFECB0

#ECAFEB

#ECAFEB

コントラスト比

1.3:1

Delta E

77.3

Very Different

50:50 ミックス

#D2CFCE

カラー値

フォーマット #AFECB0 #ECAFEB
HEX #AFECB0 #ECAFEB
RGB 175, 236, 176 236, 175, 235
HSL 121.0, 61.6%, 80.6% 301.0, 61.6%, 80.6%
HSV 121.0, 25.8%, 92.5% 301.0, 25.8%, 92.5%
CMYK 25.8%, 0.0%, 25.4%, 7.5% 0.0%, 25.8%, 0.4%, 7.5%
OKLCH 0.8863 0.1023 145.0 0.8293 0.1054 327.0

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECAFEB → 背景色: #AFECB0

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

テキスト: #AFECB0 → 背景色: #ECAFEB

色差 (Delta E)

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

グラデーション

#AFECB0 #BCE3BA #C7D9C4 #D2CFCE #DBC5D8 #E4BAE2 #ECAFEB

カラーミキシング

#AFECB0

100%

#C2DEBF

75:25

#D2CFCE

50:50

#E0C0DD

25:75

#ECAFEB

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFECB0, #ECAFEB);
background: linear-gradient(135deg, #AFECB0, #ECAFEB);

各色を詳しく見る

#AFECB0

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

#ECAFEB

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

関連する比較