ColorTool
Войти
#A2B05C

#a2b05c ≈ Olivine

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

#a2b05c — цвет из семейства «жёлто-зелёные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 63,53% красного, 69,02% зелёного и 36,08% синего; при печати в CMYK используется 7,95% голубого, 0% пурпурного, 47,73% жёлтого и 30,98% чёрного. Угол цветового тона — 70°, насыщенность 34,71% и светлота 52,55% в модели HSL. Это тёплый цвет, который часто ассоциируется с свежестью, ростом и жизненной силой. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,9:1 (WCAG AAA). Ближайший именованный цвет — Olivine (#9ab973), ΔE 5,79.

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

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

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

  1. #a2b05c
  2. #6a5cb0

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

  1. #a2b05c
  2. #5c78b0
  3. #945cb0

Аналоговая

  1. #b0945c
  2. #a2b05c
  3. #78b05c

Триада

  1. #a2b05c
  2. #5ca2b0
  3. #b05ca2

Тетрада

  1. #a2b05c
  2. #5cb06a
  3. #6a5cb0
  4. #b05ca2

Квадрат

  1. #a2b05c
  2. #5cb094
  3. #6a5cb0
  4. #b05c78

Монохромная

  1. #474d26
  2. #76813f
  3. #a2b05c
  4. #bfc990
  5. #dde2c3

Тени

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

  1. #a2b05c
  2. #929e53
  3. #828d4a
  4. #717b40
  5. #616a37
  6. #51582e
  7. #414625
  8. #31351c
  9. #202312
  10. #101209
  11. #000000

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

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

  1. #a2b05c
  2. #abb86c
  3. #b5c07d
  4. #bec88d
  5. #c7d09d
  6. #d1d8ae
  7. #dadfbe
  8. #e3e7ce
  9. #ecefde
  10. #f6f7ef
  11. #ffffff

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

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

  1. #a2b05c
  2. #9fab60
  3. #9ba663
  4. #98a267
  5. #949d6a
  6. #91986e
  7. #8e9372
  8. #8a8e75
  9. #878a79
  10. #83857c
  11. #808080

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

Ахроматопсия #a9a9a9 ≈ 0.003% мужчин
Ахроматомалия #a6ac90 ≈ 0.001% мужчин
Протанопия #baa855 ≈ 1.01% мужчин
Дейтеранопия #b8a960 ≈ 1.27% мужчин
Тританопия #aaa89c ≈ 0.0001% мужчин
Протаномалия #b1ab58 ≈ 1.08% мужчин
Дейтераномалия #b0ac5f ≈ 4.63% мужчин
Тританомалия #a7ab87 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-a2b05c {
  color: #a2b05c;
}
Фон
.bg-a2b05c {
  background-color: #a2b05c;
  color: #000000;
}
Рамка
.border-a2b05c {
  border: 2px solid #a2b05c;
}
CSS-переменные
:root {
  --color-primary: #a2b05c;
  --color-primary-rgb: 162 176 92;
  --color-primary-hsl: 70 35% 53%;
}
Градиент
.gradient-a2b05c {
  background: linear-gradient(135deg, #a2b05c, #78b05c);
}
Цветная тень
.shadow-a2b05c {
  box-shadow: 0 8px 24px rgb(162 176 92 / 0.35);
}

#9ab973 Olivine ΔE 5.79 #bdb76b Dark Khaki ΔE 6.31 #8a9a5b Moss Green ΔE 7.71 #87a96b Asparagus ΔE 7.80 #93c572 Pistachio ΔE 8.83 #8db600 Apple Green ΔE 8.88 #b5a642 Brass ΔE 8.95 #5d4fa3 Инвертированный #a9a9a9 Оттенки серого 

Olivine
#a2b05c  rgb(162, 176, 92)  hsl(70, 35%, 53%)  Olivine
#6a5cb0  rgb(106, 92, 176)  hsl(250, 35%, 53%)  Slate Blue
#5ca2b0  rgb(92, 162, 176)  hsl(190, 35%, 53%)  Cadet Blue
#b05ca2  rgb(176, 92, 162)  hsl(310, 35%, 53%)  Mulberry