#DCFCE2

#DCFCE2

#FCDCF6

#FCDCF6

コントラスト比

1.14:1

Delta E

35.56

Very Different

50:50 ミックス

#EDECEC

カラー値

フォーマット #DCFCE2 #FCDCF6
HEX #DCFCE2 #FCDCF6
RGB 220, 252, 226 252, 220, 246
HSL 131.2, 84.2%, 92.5% 311.2, 84.2%, 92.5%
HSV 131.2, 12.7%, 98.8% 311.2, 12.7%, 98.8%
CMYK 12.7%, 0.0%, 10.3%, 1.2% 0.0%, 12.7%, 2.4%, 1.2%
OKLCH 0.9611 0.0479 150.8 0.9285 0.0489 332.3

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FCDCF6 → 背景色: #DCFCE2

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

テキスト: #DCFCE2 → 背景色: #FCDCF6

色差 (Delta E)

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

グラデーション

#DCFCE2 #E2F7E5 #E8F2E9 #EDECEC #F2E7EF #F7E2F3 #FCDCF6

カラーミキシング

#DCFCE2

100%

#E5F4E7

75:25

#EDECEC

50:50

#F5E4F1

25:75

#FCDCF6

100%

CSSグラデーションコード

background: linear-gradient(to right, #DCFCE2, #FCDCF6);
background: linear-gradient(135deg, #DCFCE2, #FCDCF6);

各色を詳しく見る

#DCFCE2

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

#FCDCF6

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

関連する比較