ColorTool
Войти
#BDB77E

#bdb77e ≈ Sage

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

#bdb77e — цвет из семейства «жёлтые»; светлота: средняя, насыщенность: приглушённая. В модели RGB он состоит из 74,12% красного, 71,76% зелёного и 49,41% синего; при печати в CMYK используется 0% голубого, 3,17% пурпурного, 33,33% жёлтого и 25,88% чёрного. Угол цветового тона — 54,29°, насыщенность 32,31% и светлота 61,76% в модели HSL. Это тёплый цвет, который часто ассоциируется с оптимизмом, вниманием и радостью. Дизайнеры обычно используют его для: выделений и предупреждений, детских товаров и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 10,24:1 (WCAG AAA). Ближайший именованный цвет — Sage (#bcb88a), ΔE 2,68.

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

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

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

  1. #bdb77e
  2. #7e84bd

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

  1. #bdb77e
  2. #7ea3bd
  3. #977ebd

Аналоговая

  1. #bd977e
  2. #bdb77e
  3. #a3bd7e

Триада

  1. #bdb77e
  2. #7ebdb7
  3. #b77ebd

Тетрада

  1. #bdb77e
  2. #84bd7e
  3. #7e84bd
  4. #b77ebd

Квадрат

  1. #bdb77e
  2. #7ebd97
  3. #7e84bd
  4. #bd7ea3

Монохромная

  1. #6b6637
  2. #9e9651
  3. #bdb77e
  4. #d7d3b1
  5. #f1efe3

Тени

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

  1. #bdb77e
  2. #aaa571
  3. #979265
  4. #848058
  5. #716e4c
  6. #5f5c3f
  7. #4c4932
  8. #393726
  9. #262519
  10. #13120d
  11. #000000

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

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

  1. #bdb77e
  2. #c4be8b
  3. #cac598
  4. #d1cda5
  5. #d7d4b2
  6. #dedbbf
  7. #e5e2cb
  8. #ebe9d8
  9. #f2f1e5
  10. #f8f8f2
  11. #ffffff

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

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

  1. #bdb77e
  2. #b7b27e
  3. #b1ac7e
  4. #aba77f
  5. #a5a17f
  6. #9f9c7f
  7. #98967f
  8. #92917f
  9. #8c8b80
  10. #868680
  11. #808080

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

Ахроматопсия #b5b5b5 ≈ 0.003% мужчин
Ахроматомалия #b8b6a2 ≈ 0.001% мужчин
Протанопия #c1b37a ≈ 1.01% мужчин
Дейтеранопия #c3b780 ≈ 1.27% мужчин
Тританопия #c6b0a8 ≈ 0.0001% мужчин
Протаномалия #bfb57c ≈ 1.08% мужчин
Дейтераномалия #c1b77f ≈ 4.63% мужчин
Тританомалия #c3b399 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-bdb77e {
  color: #bdb77e;
}
Фон
.bg-bdb77e {
  background-color: #bdb77e;
  color: #000000;
}
Рамка
.border-bdb77e {
  border: 2px solid #bdb77e;
}
CSS-переменные
:root {
  --color-primary: #bdb77e;
  --color-primary-rgb: 189 183 126;
  --color-primary-hsl: 54 32% 62%;
}
Градиент
.gradient-bdb77e {
  background: linear-gradient(135deg, #bdb77e, #a3bd7e);
}
Цветная тень
.shadow-bdb77e {
  box-shadow: 0 8px 24px rgb(189 183 126 / 0.35);
}

#bcb88a Sage ΔE 2.68 #bdb76b Dark Khaki ΔE 3.76 #c2b280 Ecru ΔE 3.95 #c5b358 Vegas Gold ΔE 7.16 #b5a642 Brass ΔE 9.32 #9ab973 Olivine ΔE 9.98 #d2b48c Tan ΔE 10.34 #424881 Инвертированный #b5b5b5 Оттенки серого 

Sage
#bdb77e  rgb(189, 183, 126)  hsl(54, 32%, 62%)  Sage
#7e84bd  rgb(126, 132, 189)  hsl(234, 32%, 62%)  Glaucous
#7ebdb7  rgb(126, 189, 183)  hsl(174, 32%, 62%)  Verdigris
#b77ebd  rgb(183, 126, 189)  hsl(294, 32%, 62%)  Floral Lavender