#D2FFCC

#D2FFCC

#F9CCFF

#F9CCFF

コントラスト比

1.25:1

Delta E

62.27

Very Different

50:50 ミックス

#E8E6E6

カラー値

フォーマット #D2FFCC #F9CCFF
HEX #D2FFCC #F9CCFF
RGB 210, 255, 204 249, 204, 255
HSL 112.9, 100.0%, 90.0% 292.9, 100.0%, 90.0%
HSV 112.9, 20.0%, 100.0% 292.9, 20.0%, 100.0%
CMYK 17.6%, 0.0%, 20.0%, 0.0% 2.4%, 20.0%, 0.0%, 0.0%
OKLCH 0.9555 0.0818 141.8 0.8997 0.0836 322.4

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9CCFF → 背景色: #D2FFCC

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

テキスト: #D2FFCC → 背景色: #F9CCFF

色差 (Delta E)

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

グラデーション

#D2FFCC #DAF7D5 #E1EFDD #E8E6E6 #EEDEEE #F4D5F7 #F9CCFF

カラーミキシング

#D2FFCC

100%

#DEF3D9

75:25

#E8E6E6

50:50

#F1D9F3

25:75

#F9CCFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #D2FFCC, #F9CCFF);
background: linear-gradient(135deg, #D2FFCC, #F9CCFF);

各色を詳しく見る

#D2FFCC

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

#F9CCFF

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

関連する比較