#CCEFF3

#CCEFF3

#F3D0CC

#F3D0CC

コントラスト比

1.17:1

Delta E

25.95

Very Different

50:50 ミックス

#E2E0DF

カラー値

フォーマット #CCEFF3 #F3D0CC
HEX #CCEFF3 #F3D0CC
RGB 204, 239, 243 243, 208, 204
HSL 186.2, 61.9%, 87.6% 6.2, 61.9%, 87.6%
HSV 186.2, 16.0%, 95.3% 6.2, 16.0%, 95.3%
CMYK 16.0%, 1.6%, 0.0%, 4.7% 0.0%, 14.4%, 16.0%, 4.7%
OKLCH 0.9283 0.0368 205.0 0.886 0.0399 25.6

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3D0CC → 背景色: #CCEFF3

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

テキスト: #CCEFF3 → 背景色: #F3D0CC

色差 (Delta E)

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

グラデーション

#CCEFF3 #D4EAEC #DBE5E6 #E2E0DF #E8DBD9 #EED5D2 #F3D0CC

カラーミキシング

#CCEFF3

100%

#D7E7E9

75:25

#E2E0DF

50:50

#EBD8D6

25:75

#F3D0CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCEFF3, #F3D0CC);
background: linear-gradient(135deg, #CCEFF3, #F3D0CC);

各色を詳しく見る

#CCEFF3

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

#F3D0CC

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

関連する比較