#ABD5BF

#ABD5BF

#D5ABC1

#D5ABC1

コントラスト比

1.25:1

Delta E

39.55

Very Different

50:50 ミックス

#C2C1C0

カラー値

フォーマット #ABD5BF #D5ABC1
HEX #ABD5BF #D5ABC1
RGB 171, 213, 191 213, 171, 193
HSL 148.6, 33.3%, 75.3% 328.6, 33.3%, 75.3%
HSV 148.6, 19.7%, 83.5% 328.6, 19.7%, 83.5%
CMYK 19.7%, 0.0%, 10.3%, 16.5% 0.0%, 19.7%, 9.4%, 16.5%
OKLCH 0.8368 0.0538 162.2 0.7854 0.0568 345.7

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D5ABC1 → 背景色: #ABD5BF

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

テキスト: #ABD5BF → 背景色: #D5ABC1

色差 (Delta E)

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

グラデーション

#ABD5BF #B3CEBF #BBC8C0 #C2C1C0 #C9BAC0 #CFB2C1 #D5ABC1

カラーミキシング

#ABD5BF

100%

#B7CBC0

75:25

#C2C1C0

50:50

#CCB6C1

25:75

#D5ABC1

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABD5BF, #D5ABC1);
background: linear-gradient(135deg, #ABD5BF, #D5ABC1);

各色を詳しく見る

#ABD5BF

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

#D5ABC1

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

関連する比較