#CBDCDA

#CBDCDA

#DCCBCD

#DCCBCD

コントラスト比

1.1:1

Delta E

12.93

Noticeable

50:50 ミックス

#D4D4D3

カラー値

フォーマット #CBDCDA #DCCBCD
HEX #CBDCDA #DCCBCD
RGB 203, 220, 218 220, 203, 205
HSL 172.9, 19.5%, 82.9% 352.9, 19.5%, 82.9%
HSV 172.9, 7.7%, 86.3% 352.9, 7.7%, 86.3%
CMYK 7.7%, 0.0%, 0.9%, 13.7% 0.0%, 7.7%, 6.8%, 13.7%
OKLCH 0.8811 0.0184 188.3 0.8566 0.0192 9.4

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCCBCD → 背景色: #CBDCDA

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

テキスト: #CBDCDA → 背景色: #DCCBCD

色差 (Delta E)

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

グラデーション

#CBDCDA #CED9D8 #D1D6D6 #D4D4D3 #D7D1D1 #D9CECF #DCCBCD

カラーミキシング

#CBDCDA

100%

#D0D8D7

75:25

#D4D4D3

50:50

#D8CFD0

25:75

#DCCBCD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CBDCDA, #DCCBCD);
background: linear-gradient(135deg, #CBDCDA, #DCCBCD);

各色を詳しく見る

#CBDCDA

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

#DCCBCD

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

関連する比較