#ABC9B2

#ABC9B2

#C9ABC2

#C9ABC2

コントラスト比

1.16:1

Delta E

33.73

Very Different

50:50 ミックス

#BBBABA

カラー値

フォーマット #ABC9B2 #C9ABC2
HEX #ABC9B2 #C9ABC2
RGB 171, 201, 178 201, 171, 194
HSL 134.0, 21.7%, 72.9% 314.0, 21.7%, 72.9%
HSV 134.0, 14.9%, 78.8% 314.0, 14.9%, 78.8%
CMYK 14.9%, 0.0%, 11.4%, 21.2% 0.0%, 14.9%, 3.5%, 21.2%
OKLCH 0.8072 0.0455 152.3 0.7745 0.0466 334.2

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

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C9ABC2 → 背景色: #ABC9B2

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

テキスト: #ABC9B2 → 背景色: #C9ABC2

色差 (Delta E)

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

グラデーション

#ABC9B2 #B1C4B5 #B6BFB7 #BBBABA #C0B5BD #C5B0BF #C9ABC2

カラーミキシング

#ABC9B2

100%

#B3C2B6

75:25

#BBBABA

50:50

#C2B3BE

25:75

#C9ABC2

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABC9B2, #C9ABC2);
background: linear-gradient(135deg, #ABC9B2, #C9ABC2);

各色を詳しく見る

#ABC9B2

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

#C9ABC2

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

関連する比較