#D2F9EC

#D2F9EC

#F9D2DF

#F9D2DF

コントラスト比

1.21:1

Delta E

31.7

Very Different

50:50 ミックス

#E7E6E5

カラー値

フォーマット #D2F9EC #F9D2DF
HEX #D2F9EC #F9D2DF
RGB 210, 249, 236 249, 210, 223
HSL 160.0, 76.5%, 90.0% 340.0, 76.5%, 90.0%
HSV 160.0, 15.7%, 97.6% 340.0, 15.7%, 97.6%
CMYK 15.7%, 0.0%, 5.2%, 2.4% 0.0%, 15.7%, 10.4%, 2.4%
OKLCH 0.9509 0.0438 173.2 0.9004 0.0467 356.0

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9D2DF → 背景色: #D2F9EC

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

テキスト: #D2F9EC → 背景色: #F9D2DF

色差 (Delta E)

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

グラデーション

#D2F9EC #DAF3EA #E1ECE8 #E7E6E5 #EDDFE3 #F3D9E1 #F9D2DF

カラーミキシング

#D2F9EC

100%

#DDF0E9

75:25

#E7E6E5

50:50

#F0DCE2

25:75

#F9D2DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #D2F9EC, #F9D2DF);
background: linear-gradient(135deg, #D2F9EC, #F9D2DF);

各色を詳しく見る

#D2F9EC

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

#F9D2DF

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

関連する比較