#ABCAC6

#ABCAC6

#CAABAF

#CAABAF

コントラスト比

1.2:1

Delta E

24.15

Noticeable

50:50 ミックス

#BCBBBA

カラー値

フォーマット #ABCAC6 #CAABAF
HEX #ABCAC6 #CAABAF
RGB 171, 202, 198 202, 171, 175
HSL 172.3, 22.6%, 73.1% 352.3, 22.6%, 73.1%
HSV 172.3, 15.3%, 79.2% 352.3, 15.3%, 79.2%
CMYK 15.3%, 0.0%, 2.0%, 20.8% 0.0%, 15.3%, 13.4%, 20.8%
OKLCH 0.815 0.0337 187.0 0.7696 0.0365 9.2

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

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

テキスト読みやすさ

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

テキスト: #CAABAF → 背景色: #ABCAC6

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

テキスト: #ABCAC6 → 背景色: #CAABAF

色差 (Delta E)

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

グラデーション

#ABCAC6 #B1C5C2 #B7C0BE #BCBBBA #C1B6B7 #C6B0B3 #CAABAF

カラーミキシング

#ABCAC6

100%

#B4C2C0

75:25

#BCBBBA

50:50

#C3B3B5

25:75

#CAABAF

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABCAC6, #CAABAF);
background: linear-gradient(135deg, #ABCAC6, #CAABAF);

各色を詳しく見る

#ABCAC6

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

#CAABAF

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

関連する比較