#A5ABC3

#A5ABC3

#C3BDA5

#C3BDA5

コントラスト比

1.21:1

Delta E

27.03

Very Different

50:50 ミックス

#B5B4B4

カラー値

フォーマット #A5ABC3 #C3BDA5
HEX #A5ABC3 #C3BDA5
RGB 165, 171, 195 195, 189, 165
HSL 228.0, 20.0%, 70.6% 48.0, 20.0%, 70.6%
HSV 228.0, 15.4%, 76.5% 48.0, 15.4%, 76.5%
CMYK 15.4%, 12.3%, 0.0%, 23.5% 0.0%, 3.1%, 15.4%, 23.5%
OKLCH 0.7443 0.0352 274.4 0.7968 0.0335 95.5

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C3BDA5 → 背景色: #A5ABC3

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

テキスト: #A5ABC3 → 背景色: #C3BDA5

色差 (Delta E)

27.03 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#A5ABC3 #ABAEBE #B0B1B9 #B5B4B4 #BAB7AF #BFBAAA #C3BDA5

カラーミキシング

#A5ABC3

100%

#ADAFBC

75:25

#B5B4B4

50:50

#BCB8AD

25:75

#C3BDA5

100%

CSSグラデーションコード

background: linear-gradient(to right, #A5ABC3, #C3BDA5);
background: linear-gradient(135deg, #A5ABC3, #C3BDA5);

各色を詳しく見る

#A5ABC3

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

#C3BDA5

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

関連する比較