ColorTool
Войти
#B3A062

#b3a062 ≈ Ecru

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

#b3a062 — цвет из семейства «жёлтые»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 70,2% красного, 62,75% зелёного и 38,43% синего; при печати в CMYK используется 0% голубого, 10,61% пурпурного, 45,25% жёлтого и 29,8% чёрного. Угол цветового тона — 45,93°, насыщенность 34,76% и светлота 54,31% в модели HSL. Это тёплый цвет, который часто ассоциируется с оптимизмом, вниманием и радостью. Дизайнеры обычно используют его для: выделений и предупреждений, детских товаров и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,12:1 (WCAG AAA). Ближайший именованный цвет — Ecru (#c2b280), ΔE 5,92.

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

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

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

  1. #b3a062
  2. #6275b3

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

  1. #b3a062
  2. #629db3
  3. #7762b3

Аналоговая

  1. #b37762
  2. #b3a062
  3. #9db362

Триада

  1. #b3a062
  2. #62b3a0
  3. #a062b3

Тетрада

  1. #b3a062
  2. #75b362
  3. #6275b3
  4. #a062b3

Квадрат

  1. #b3a062
  2. #62b377
  3. #6275b3
  4. #b3629d

Монохромная

  1. #544928
  2. #877741
  3. #b3a062
  4. #ccbf96
  5. #e5dec9

Тени

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

  1. #b3a062
  2. #a19058
  3. #8f804e
  4. #7d7045
  5. #6b603b
  6. #5a5031
  7. #484027
  8. #36301d
  9. #242014
  10. #12100a
  11. #000000

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

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

  1. #b3a062
  2. #bbaa72
  3. #c2b381
  4. #cabd91
  5. #d1c6a1
  6. #d9d0b1
  7. #e1d9c0
  8. #e8e3d0
  9. #f0ece0
  10. #f7f6ef
  11. #ffffff

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

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

  1. #b3a062
  2. #ae9d65
  3. #a99a68
  4. #a4966b
  5. #9f936e
  6. #9a9071
  7. #948d74
  8. #8f8a77
  9. #8a867a
  10. #85837d
  11. #808080

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

Ахроматопсия #a1a1a1 ≈ 0.003% мужчин
Ахроматомалия #a8a18c ≈ 0.001% мужчин
Протанопия #ac9e5d ≈ 1.01% мужчин
Дейтеранопия #b1a364 ≈ 1.27% мужчин
Тританопия #be9791 ≈ 0.0001% мужчин
Протаномалия #af9f5f ≈ 1.08% мужчин
Дейтераномалия #b2a263 ≈ 4.63% мужчин
Тританомалия #ba9b81 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#c2b280 Ecru ΔE 5.92 #b5a642 Brass ΔE 6.56 #c5b358 Vegas Gold ΔE 7.16 #bdb76b Dark Khaki ΔE 7.55 #c19a6b Camel ΔE 8.49 #bcb88a Sage ΔE 8.75 #d2b48c Tan ΔE 10.04 #4c5f9d Инвертированный #a1a1a1 Оттенки серого 

Ecru
#b3a062  rgb(179, 160, 98)  hsl(46, 35%, 54%)  Ecru
#6275b3  rgb(98, 117, 179)  hsl(226, 35%, 54%)  Glaucous
#62b3a0  rgb(98, 179, 160)  hsl(166, 35%, 54%)  Verdigris
#a062b3  rgb(160, 98, 179)  hsl(286, 35%, 54%)  Amethyst