#85BA95

#85BA95

#BA85AA

#BA85AA

コントラスト比

1.35:1

Delta E

57.71

Very Different

50:50 ミックス

#A3A1A0

カラー値

フォーマット #85BA95 #BA85AA
HEX #85BA95 #BA85AA
RGB 133, 186, 149 186, 133, 170
HSL 138.1, 27.7%, 62.5% 318.1, 27.7%, 62.5%
HSV 138.1, 28.5%, 72.9% 318.1, 28.5%, 72.9%
CMYK 28.5%, 0.0%, 19.9%, 27.1% 0.0%, 28.5%, 8.6%, 27.1%
OKLCH 0.7415 0.0771 153.8 0.6806 0.0816 338.1

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

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA85AA → 背景色: #85BA95

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

テキスト: #85BA95 → 背景色: #BA85AA

色差 (Delta E)

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

グラデーション

#85BA95 #90B299 #9AAA9C #A3A1A0 #AC98A3 #B38FA7 #BA85AA

カラーミキシング

#85BA95

100%

#95AE9B

75:25

#A3A1A0

50:50

#AF94A5

25:75

#BA85AA

100%

CSSグラデーションコード

background: linear-gradient(to right, #85BA95, #BA85AA);
background: linear-gradient(135deg, #85BA95, #BA85AA);

各色を詳しく見る

#85BA95

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

#BA85AA

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

関連する比較