ColorTool
Войти
#EFC33A

#efc33a ≈ Saffron

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

#efc33a — цвет из семейства «жёлтые»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 93,73% красного, 76,47% зелёного и 22,75% синего; при печати в CMYK используется 0% голубого, 18,41% пурпурного, 75,73% жёлтого и 6,27% чёрного. Угол цветового тона — 45,41°, насыщенность 84,98% и светлота 58,24% в модели HSL. Это тёплый цвет, который часто ассоциируется с оптимизмом, вниманием и радостью. Дизайнеры обычно используют его для: выделений и предупреждений, детских товаров и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 12,54:1 (WCAG AAA). Ближайший именованный цвет — Saffron (#f4c430), ΔE 1,26.

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

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

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

  1. #efc33a
  2. #3a66ef

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

  1. #efc33a
  2. #3ac1ef
  3. #693aef

Аналоговая

  1. #ef693a
  2. #efc33a
  3. #c1ef3a

Триада

  1. #efc33a
  2. #3aefc3
  3. #c33aef

Тетрада

  1. #efc33a
  2. #66ef3a
  3. #3a66ef
  4. #c33aef

Квадрат

  1. #efc33a
  2. #3aef69
  3. #3a66ef
  4. #ef3ac1

Монохромная

  1. #85670b
  2. #cc9e11
  3. #efc33a
  4. #f5d981
  5. #faeec8

Тени

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

  1. #efc33a
  2. #d7b034
  3. #bf9c2e
  4. #a78929
  5. #8f7523
  6. #78621d
  7. #604e17
  8. #483b11
  9. #30270c
  10. #181406
  11. #000000

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

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

  1. #efc33a
  2. #f1c94e
  3. #f2cf61
  4. #f4d575
  5. #f5db89
  6. #f7e19d
  7. #f9e7b0
  8. #faedc4
  9. #fcf3d8
  10. #fdf9eb
  11. #ffffff

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

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

  1. #efc33a
  2. #e4bc41
  3. #d9b648
  4. #ceaf4f
  5. #c3a856
  6. #b8a25d
  7. #ac9b64
  8. #a1946b
  9. #968d72
  10. #8b8779
  11. #808080

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

Ахроматопсия #c8c8c8 ≈ 0.003% мужчин
Ахроматомалия #d9c6a2 ≈ 0.001% мужчин
Протанопия #d9c121 ≈ 1.01% мужчин
Дейтеранопия #e4cd42 ≈ 1.27% мужчин
Тританопия #ffb2a9 ≈ 0.0001% мужчин
Протаномалия #e2c22d ≈ 1.08% мужчин
Дейтераномалия #e9c93f ≈ 4.63% мужчин
Тританомалия #fbb98a ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#f4c430 Saffron ΔE 1.26 #ffcc33 Sunglow ΔE 3.08 #f4ca16 Jonquil ΔE 3.29 #e5b73b Meat Brown ΔE 3.31 #fcc200 Golden Poppy ΔE 3.89 #ffc40c Mikado Yellow ΔE 4.08 #ffbf00 Amber ΔE 4.99 #103cc5 Инвертированный #c8c8c8 Оттенки серого 

Saffron
#efc33a  rgb(239, 195, 58)  hsl(45, 85%, 58%)  Saffron
#3a66ef  rgb(58, 102, 239)  hsl(225, 85%, 58%)  Ultramarine Blue
#3aefc3  rgb(58, 239, 195)  hsl(165, 85%, 58%)  Aquamarine
#c33aef  rgb(195, 58, 239)  hsl(285, 85%, 58%)  Electric Purple