#CCEAEA

#CCEAEA

#EACCCC

#EACCCC

コントラスト比

1.18:1

Delta E

22.36

Noticeable

50:50 ミックス

#DCDBDB

カラー値

フォーマット #CCEAEA #EACCCC
HEX #CCEAEA #EACCCC
RGB 204, 234, 234 234, 204, 204
HSL 180.0, 41.7%, 85.9% 0.0, 41.7%, 85.9%
HSV 180.0, 12.8%, 91.8% 0.0, 12.8%, 91.8%
CMYK 12.8%, 0.0%, 0.0%, 8.2% 0.0%, 12.8%, 12.8%, 8.2%
OKLCH 0.9153 0.0315 196.6 0.8704 0.0338 17.8

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

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EACCCC → 背景色: #CCEAEA

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

テキスト: #CCEAEA → 背景色: #EACCCC

色差 (Delta E)

22.36 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#CCEAEA #D2E5E5 #D7E0E0 #DCDBDB #E1D6D6 #E6D1D1 #EACCCC

カラーミキシング

#CCEAEA

100%

#D5E3E2

75:25

#DCDBDB

50:50

#E4D4D3

25:75

#EACCCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCEAEA, #EACCCC);
background: linear-gradient(135deg, #CCEAEA, #EACCCC);

各色を詳しく見る

#CCEAEA

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

#EACCCC

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

関連する比較