#CADADE

#CADADE

#DECECA

#DECECA

コントラスト比

1.06:1

Delta E

12.41

Noticeable

50:50 ミックス

#D5D4D4

カラー値

フォーマット #CADADE #DECECA
HEX #CADADE #DECECA
RGB 202, 218, 222 222, 206, 202
HSL 192.0, 23.3%, 83.1% 12.0, 23.3%, 83.1%
HSV 192.0, 9.0%, 87.1% 12.0, 9.0%, 87.1%
CMYK 9.0%, 1.8%, 0.0%, 12.9% 0.0%, 7.2%, 9.0%, 12.9%
OKLCH 0.8775 0.0181 214.4 0.8633 0.0188 34.3

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

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DECECA → 背景色: #CADADE

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

テキスト: #CADADE → 背景色: #DECECA

色差 (Delta E)

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

グラデーション

#CADADE #CED8DB #D1D6D7 #D5D4D4 #D8D2D1 #DBD0CD #DECECA

カラーミキシング

#CADADE

100%

#CFD7D9

75:25

#D5D4D4

50:50

#D9D1CF

25:75

#DECECA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CADADE, #DECECA);
background: linear-gradient(135deg, #CADADE, #DECECA);

各色を詳しく見る

#CADADE

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

#DECECA

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

関連する比較