#BADAD9

#BADAD9

#DABABB

#DABABB

コントラスト比

1.2:1

Delta E

24.2

Noticeable

50:50 ミックス

#CCCACA

カラー値

フォーマット #BADAD9 #DABABB
HEX #BADAD9 #DABABB
RGB 186, 218, 217 218, 186, 187
HSL 178.1, 30.2%, 79.2% 358.1, 30.2%, 79.2%
HSV 178.1, 14.7%, 85.5% 358.1, 14.7%, 85.5%
CMYK 14.7%, 0.0%, 0.5%, 14.5% 0.0%, 14.7%, 14.2%, 14.5%
OKLCH 0.8648 0.0339 194.2 0.8168 0.0368 15.8

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DABABB → 背景色: #BADAD9

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

テキスト: #BADAD9 → 背景色: #DABABB

色差 (Delta E)

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

グラデーション

#BADAD9 #C0D5D4 #C6D0CF #CCCACA #D1C5C5 #D6BFC0 #DABABB

カラーミキシング

#BADAD9

100%

#C3D2D1

75:25

#CCCACA

50:50

#D3C2C2

25:75

#DABABB

100%

CSSグラデーションコード

background: linear-gradient(to right, #BADAD9, #DABABB);
background: linear-gradient(135deg, #BADAD9, #DABABB);

各色を詳しく見る

#BADAD9

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

#DABABB

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

関連する比較