ColorTool
Войти
#A5A089

#a5a089 ≈ Sage

  • жёлтые
  • Светлота: средняя
  • Насыщенность: приглушённая
  • Тёплый
Проверить контраст Открыть в графе Случайный цвет

#a5a089 — цвет из семейства «жёлтые»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 64,71% красного, 62,75% зелёного и 53,73% синего; при печати в CMYK используется 0% голубого, 3,03% пурпурного, 16,97% жёлтого и 35,29% чёрного. Угол цветового тона — 49,29°, насыщенность 13,46% и светлота 59,22% в модели HSL. Это тёплый цвет, который часто ассоциируется с оптимизмом, вниманием и радостью. Дизайнеры обычно используют его для: выделений и предупреждений, детских товаров и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 7,99:1 (WCAG AAA). Ближайший именованный цвет — Sage (#bcb88a), ΔE 9,34.

Описание создано на основе измеренных свойств этого цвета.

HEX
RGB
RGB в процентах
CMY
CMYK
HSL
HSV / HSB
Безопасный веб-цвет#999999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Двоичный
Десятичный
Относительная яркость0.3495

Комплементарная

  1. #a5a089
  2. #898ea5

Расщеплённая комплементарная

  1. #a5a089
  2. #899ca5
  3. #9289a5

Аналоговая

  1. #a59289
  2. #a5a089
  3. #9ca589

Триада

  1. #a5a089
  2. #89a5a0
  3. #a089a5

Тетрада

  1. #a5a089
  2. #8ea589
  3. #898ea5
  4. #a089a5

Квадрат

  1. #a5a089
  2. #89a592
  3. #898ea5
  4. #a5899c

Монохромная

  1. #555140
  2. #807b62
  3. #a5a089
  4. #c6c3b4
  5. #e7e6e0

Тени

#a5a089, постепенно смешанный с чёрным.

  1. #a5a089
  2. #95907b
  3. #84806e
  4. #747060
  5. #636052
  6. #535045
  7. #424037
  8. #323029
  9. #21201b
  10. #11100e
  11. #000000

Светлые оттенки

#a5a089, постепенно смешанный с белым.

  1. #a5a089
  2. #aeaa95
  3. #b7b3a1
  4. #c0bdac
  5. #c9c6b8
  6. #d2d0c4
  7. #dbd9d0
  8. #e4e3dc
  9. #edece7
  10. #f6f6f3
  11. #ffffff

Приглушённые оттенки

#a5a089, постепенно смешанный с серым.

  1. #a5a089
  2. #a19d88
  3. #9e9a87
  4. #9a9686
  5. #969385
  6. #939085
  7. #8f8d84
  8. #8b8a83
  9. #878682
  10. #848381
  11. #808080

Читаемый текст 2.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Читаемый текст 7.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Ахроматопсия #a0a0a0 ≈ 0.003% мужчин
Ахроматомалия #a2a097 ≈ 0.001% мужчин
Протанопия #a59f88 ≈ 1.01% мужчин
Дейтеранопия #a6a08a ≈ 1.27% мужчин
Тританопия #aa9c9a ≈ 0.0001% мужчин
Протаномалия #a59f88 ≈ 1.08% мужчин
Дейтераномалия #a6a089 ≈ 4.63% мужчин
Тританомалия #a89e93 ≈ 0.0002% мужчин
Смоделировать на своём изображении

Текст этого цвета

Фон этого цвета

Рамка этого цвета

Цвет текста
.text-a5a089 {
  color: #a5a089;
}
Фон
.bg-a5a089 {
  background-color: #a5a089;
  color: #000000;
}
Рамка
.border-a5a089 {
  border: 2px solid #a5a089;
}
CSS-переменные
:root {
  --color-primary: #a5a089;
  --color-primary-rgb: 165 160 137;
  --color-primary-hsl: 49 13% 59%;
}
Градиент
.gradient-a5a089 {
  background: linear-gradient(135deg, #a5a089, #9ca589);
}
Цветная тень
.shadow-a5a089 {
  box-shadow: 0 8px 24px rgb(165 160 137 / 0.35);
}

#bcb88a Sage ΔE 9.34 #c2b280 Ecru ΔE 9.74 #a9a9a9 Dark Gray ΔE 10.48 #a9a9a9 Dark Grey ΔE 10.48 #b2beb5 Ash Gray ΔE 11.75 #d2b48c Tan ΔE 12.29 #848482 Battleship Gray ΔE 12.93 #5a5f76 Инвертированный #a0a0a0 Оттенки серого 

Sage
#a5a089  rgb(165, 160, 137)  hsl(49, 13%, 59%)  Sage
#898ea5  rgb(137, 142, 165)  hsl(229, 13%, 59%)  Cool Gray
#89a5a0  rgb(137, 165, 160)  hsl(169, 13%, 59%)  Cadet Blue
#a089a5  rgb(160, 137, 165)  hsl(289, 13%, 59%)  Rose Quartz