#CCE2F5

#CCE2F5

#F5DFCC

#F5DFCC

コントラスト比

1.03:1

Delta E

25.07

Very Different

50:50 ミックス

#E2E0E1

カラー値

フォーマット #CCE2F5 #F5DFCC
HEX #CCE2F5 #F5DFCC
RGB 204, 226, 245 245, 223, 204
HSL 207.8, 67.2%, 88.0% 27.8, 67.2%, 88.0%
HSV 207.8, 16.7%, 96.1% 27.8, 16.7%, 96.1%
CMYK 16.7%, 7.8%, 0.0%, 3.9% 0.0%, 9.0%, 16.7%, 3.9%
OKLCH 0.9024 0.0351 244.2 0.9165 0.0352 63.2

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

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5DFCC → 背景色: #CCE2F5

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

テキスト: #CCE2F5 → 背景色: #F5DFCC

色差 (Delta E)

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

グラデーション

#CCE2F5 #D4E2EE #DBE1E7 #E2E0E1 #E9E0DA #EFDFD3 #F5DFCC

カラーミキシング

#CCE2F5

100%

#D8E1EB

75:25

#E2E0E1

50:50

#ECE0D6

25:75

#F5DFCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCE2F5, #F5DFCC);
background: linear-gradient(135deg, #CCE2F5, #F5DFCC);

各色を詳しく見る

#CCE2F5

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

#F5DFCC

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

関連する比較