#CAFEEA

#CAFEEA

#FECADE

#FECADE

コントラスト比

1.28:1

Delta E

43.4

Very Different

50:50 ミックス

#E7E5E4

カラー値

フォーマット #CAFEEA #FECADE
HEX #CAFEEA #FECADE
RGB 202, 254, 234 254, 202, 222
HSL 156.9, 96.3%, 89.4% 336.9, 96.3%, 89.4%
HSV 156.9, 20.5%, 99.6% 336.9, 20.5%, 99.6%
CMYK 20.5%, 0.0%, 7.9%, 0.4% 0.0%, 20.5%, 12.6%, 0.4%
OKLCH 0.9558 0.0593 169.6 0.8901 0.064 353.5

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FECADE → 背景色: #CAFEEA

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

テキスト: #CAFEEA → 背景色: #FECADE

色差 (Delta E)

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

グラデーション

#CAFEEA #D4F6E8 #DEEDE6 #E7E5E4 #EFDCE2 #F7D3E0 #FECADE

カラーミキシング

#CAFEEA

100%

#D9F2E7

75:25

#E7E5E4

50:50

#F3D8E1

25:75

#FECADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CAFEEA, #FECADE);
background: linear-gradient(135deg, #CAFEEA, #FECADE);

各色を詳しく見る

#CAFEEA

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

#FECADE

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

関連する比較