#BAC0C9

#BAC0C9

#C9C3BA

#C9C3BA

コントラスト比

1.05:1

Delta E

10.64

Noticeable

50:50 ミックス

#C2C1C2

カラー値

フォーマット #BAC0C9 #C9C3BA
HEX #BAC0C9 #C9C3BA
RGB 186, 192, 201 201, 195, 186
HSL 216.0, 12.2%, 75.9% 36.0, 12.2%, 75.9%
HSV 216.0, 7.5%, 78.8% 36.0, 7.5%, 78.8%
CMYK 7.5%, 4.5%, 0.0%, 21.2% 0.0%, 3.0%, 7.5%, 21.2%
OKLCH 0.8058 0.0143 258.4 0.8195 0.0141 78.2

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C9C3BA → 背景色: #BAC0C9

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

テキスト: #BAC0C9 → 背景色: #C9C3BA

色差 (Delta E)

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

グラデーション

#BAC0C9 #BDC0C7 #BFC1C4 #C2C1C2 #C4C2BF #C7C2BD #C9C3BA

カラーミキシング

#BAC0C9

100%

#BEC1C5

75:25

#C2C1C2

50:50

#C5C2BE

25:75

#C9C3BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAC0C9, #C9C3BA);
background: linear-gradient(135deg, #BAC0C9, #C9C3BA);

各色を詳しく見る

#BAC0C9

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

#C9C3BA

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

関連する比較