ColorTool
Войти
#BE5D1E

#be5d1e ≈ Burnt Orange

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

#be5d1e — цвет из семейства «оранжевые»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 74,51% красного, 36,47% зелёного и 11,76% синего; при печати в CMYK используется 0% голубого, 51,05% пурпурного, 84,21% жёлтого и 25,49% чёрного. Угол цветового тона — 23,63°, насыщенность 72,73% и светлота 43,14% в модели HSL. Это тёплый цвет, который часто ассоциируется с энтузиазмом, теплом и творчеством. Дизайнеры обычно используют его для: кнопок призыва к действию, брендов еды и ресторанов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 4,77:1 (WCAG AA). Ближайший именованный цвет — Burnt Orange (#cc5500), ΔE 3,42.

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

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

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

  1. #be5d1e
  2. #1e7fbe

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

  1. #be5d1e
  2. #1ebead
  3. #1e2fbe

Аналоговая

  1. #be1e2f
  2. #be5d1e
  3. #bead1e

Триада

  1. #be5d1e
  2. #1ebe5d
  3. #5d1ebe

Тетрада

  1. #be5d1e
  2. #7fbe1e
  3. #1e7fbe
  4. #5d1ebe

Квадрат

  1. #be5d1e
  2. #2fbe1e
  3. #1e7fbe
  4. #ad1ebe

Монохромная

  1. #3a1c09
  2. #7c3d14
  3. #be5d1e
  4. #e28447
  5. #ecb089

Тени

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

  1. #be5d1e
  2. #ab541b
  3. #984a18
  4. #854115
  5. #723812
  6. #5f2f0f
  7. #4c250c
  8. #391c09
  9. #261306
  10. #130903
  11. #000000

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

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

  1. #be5d1e
  2. #c56d35
  3. #cb7d4b
  4. #d28e62
  5. #d89e78
  6. #dfae8f
  7. #e5bea5
  8. #eccebc
  9. #f2dfd2
  10. #f9efe9
  11. #ffffff

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

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

  1. #be5d1e
  2. #b86128
  3. #b26432
  4. #ab683b
  5. #a56b45
  6. #9f6f4f
  7. #997259
  8. #937663
  9. #8c796c
  10. #867d76
  11. #808080

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

Ахроматопсия #787878 ≈ 0.003% мужчин
Ахроматомалия #996e61 ≈ 0.001% мужчин
Протанопия #796b13 ≈ 1.01% мужчин
Дейтеранопия #90811b ≈ 1.27% мужчин
Тританопия #d14751 ≈ 0.0001% мужчин
Протаномалия #996618 ≈ 1.08% мужчин
Дейтераномалия #a5741c ≈ 4.63% мужчин
Тританомалия #ca5142 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-be5d1e {
  color: #be5d1e;
}
Фон
.bg-be5d1e {
  background-color: #be5d1e;
  color: #000000;
}
Рамка
.border-be5d1e {
  border: 2px solid #be5d1e;
}
CSS-переменные
:root {
  --color-primary: #be5d1e;
  --color-primary-rgb: 190 93 30;
  --color-primary-hsl: 24 73% 43%;
}
Градиент
.gradient-be5d1e {
  background: linear-gradient(135deg, #be5d1e, #bead1e);
}
Цветная тень
.shadow-be5d1e {
  box-shadow: 0 8px 24px rgb(190 93 30 / 0.35);
}

#cc5500 Burnt Orange ΔE 3.42 #d2691e Chocolate ΔE 5.61 #c04000 Mahogany ΔE 7.48 #cb410b Sinopia ΔE 7.73 #b87333 Copper ΔE 7.90 #e25822 Flame ΔE 8.15 #b06500 Ginger ΔE 8.18 #41a2e1 Инвертированный #787878 Оттенки серого 

Burnt Orange
#be5d1e  rgb(190, 93, 30)  hsl(24, 73%, 43%)  Burnt Orange
#1e7fbe  rgb(30, 127, 190)  hsl(204, 73%, 43%)  Steel Blue
#1ebe5d  rgb(30, 190, 93)  hsl(144, 73%, 43%)  Emerald
#5d1ebe  rgb(93, 30, 190)  hsl(264, 73%, 43%)  Rebecca Purple