#ACC5AE

#ACC5AE

#C5ACC3

#C5ACC3

コントラスト比

1.13:1

Delta E

31.33

Very Different

50:50 ミックス

#B9B9B9

カラー値

フォーマット #ACC5AE #C5ACC3
HEX #ACC5AE #C5ACC3
RGB 172, 197, 174 197, 172, 195
HSL 124.8, 17.7%, 72.4% 304.8, 17.7%, 72.4%
HSV 124.8, 12.7%, 77.3% 304.8, 12.7%, 77.3%
CMYK 12.7%, 0.0%, 11.7%, 22.7% 0.0%, 12.7%, 1.0%, 22.7%
OKLCH 0.7982 0.042 147.4 0.7731 0.0426 328.5

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

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C5ACC3 → 背景色: #ACC5AE

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

テキスト: #ACC5AE → 背景色: #C5ACC3

色差 (Delta E)

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

グラデーション

#ACC5AE #B1C1B2 #B5BDB5 #B9B9B9 #BDB5BC #C1B0C0 #C5ACC3

カラーミキシング

#ACC5AE

100%

#B3BFB3

75:25

#B9B9B9

50:50

#BFB3BE

25:75

#C5ACC3

100%

CSSグラデーションコード

background: linear-gradient(to right, #ACC5AE, #C5ACC3);
background: linear-gradient(135deg, #ACC5AE, #C5ACC3);

各色を詳しく見る

#ACC5AE

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

#C5ACC3

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

関連する比較