#CAFEEE

#CAFEEE

#FECADA

#FECADA

コントラスト比

1.29:1

Delta E

41.62

Very Different

50:50 ミックス

#E7E5E4

カラー値

フォーマット #CAFEEE #FECADA
HEX #CAFEEE #FECADA
RGB 202, 254, 238 254, 202, 218
HSL 161.5, 96.3%, 89.4% 341.5, 96.3%, 89.4%
HSV 161.5, 20.5%, 99.6% 341.5, 20.5%, 99.6%
CMYK 20.5%, 0.0%, 6.3%, 0.4% 0.0%, 20.5%, 14.2%, 0.4%
OKLCH 0.9569 0.057 174.3 0.889 0.0622 358.1

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FECADA → 背景色: #CAFEEE

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

テキスト: #CAFEEE → 背景色: #FECADA

色差 (Delta E)

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

グラデーション

#CAFEEE #D5F6EB #DEEDE7 #E7E5E4 #EFDCE1 #F7D3DD #FECADA

カラーミキシング

#CAFEEE

100%

#DAF2E9

75:25

#E7E5E4

50:50

#F3D8DF

25:75

#FECADA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CAFEEE, #FECADA);
background: linear-gradient(135deg, #CAFEEE, #FECADA);

各色を詳しく見る

#CAFEEE

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

#FECADA

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

関連する比較