#CCEDFF

#CCEDFF

#FFDECC

#FFDECC

コントラスト比

1.03:1

Delta E

29.75

Very Different

50:50 ミックス

#E8E6E5

カラー値

フォーマット #CCEDFF #FFDECC
HEX #CCEDFF #FFDECC
RGB 204, 237, 255 255, 222, 204
HSL 201.2, 100.0%, 90.0% 21.2, 100.0%, 90.0%
HSV 201.2, 20.0%, 100.0% 21.2, 20.0%, 100.0%
CMYK 20.0%, 7.1%, 0.0%, 0.0% 0.0%, 12.9%, 20.0%, 0.0%
OKLCH 0.928 0.0424 231.7 0.9233 0.044 50.4

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

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

テキスト読みやすさ

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

テキスト: #FFDECC → 背景色: #CCEDFF

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

テキスト: #CCEDFF → 背景色: #FFDECC

色差 (Delta E)

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

グラデーション

#CCEDFF #D6EBF6 #DFE8EE #E8E6E5 #F0E3DD #F8E1D4 #FFDECC

カラーミキシング

#CCEDFF

100%

#DBE9F2

75:25

#E8E6E5

50:50

#F4E2D9

25:75

#FFDECC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCEDFF, #FFDECC);
background: linear-gradient(135deg, #CCEDFF, #FFDECC);

各色を詳しく見る

#CCEDFF

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

#FFDECC

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

関連する比較