#CBCBEC

#CBCBEC

#ECECCB

#ECECCB

コントラスト比

1.31:1

Delta E

35.84

Very Different

50:50 ミックス

#DDDBDC

カラー値

フォーマット #CBCBEC #ECECCB
HEX #CBCBEC #ECECCB
RGB 203, 203, 236 236, 236, 203
HSL 240.0, 46.5%, 86.1% 60.0, 46.5%, 86.1%
HSV 240.0, 14.0%, 92.5% 60.0, 14.0%, 92.5%
CMYK 14.0%, 14.0%, 0.0%, 7.5% 0.0%, 0.0%, 14.0%, 7.5%
OKLCH 0.8526 0.0456 285.4 0.9346 0.0434 107.2

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECECCB → 背景色: #CBCBEC

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

テキスト: #CBCBEC → 背景色: #ECECCB

色差 (Delta E)

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

グラデーション

#CBCBEC #D1D0E7 #D7D6E1 #DDDBDC #E2E1D6 #E7E6D1 #ECECCB

カラーミキシング

#CBCBEC

100%

#D4D3E4

75:25

#DDDBDC

50:50

#E4E4D4

25:75

#ECECCB

100%

CSSグラデーションコード

background: linear-gradient(to right, #CBCBEC, #ECECCB);
background: linear-gradient(135deg, #CBCBEC, #ECECCB);

各色を詳しく見る

#CBCBEC

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

#ECECCB

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

関連する比較