ColorTool
Войти
#FDD078

#fdd078 ≈ Topaz

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

#fdd078 — цвет из семейства «оранжевые»; светлота: высокая, насыщенность: сильная. В модели RGB он состоит из 99,22% красного, 81,57% зелёного и 47,06% синего; при печати в CMYK используется 0% голубого, 17,79% пурпурного, 52,57% жёлтого и 0,78% чёрного. Угол цветового тона — 39,7°, насыщенность 97,08% и светлота 73,14% в модели HSL. Это тёплый цвет, который часто ассоциируется с энтузиазмом, теплом и творчеством. Дизайнеры обычно используют его для: кнопок призыва к действию и брендов еды и ресторанов. Текст цвета «чёрный» на этом фоне даёт контраст 14,47:1 (WCAG AAA). Ближайший именованный цвет — Topaz (#ffc87c), ΔE 4,41.

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

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

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

  1. #fdd078
  2. #78a5fd

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

  1. #fdd078
  2. #78e8fd
  3. #8e78fd

Аналоговая

  1. #fd8e78
  2. #fdd078
  3. #e8fd78

Триада

  1. #fdd078
  2. #78fdd0
  3. #d078fd

Тетрада

  1. #fdd078
  2. #a5fd78
  3. #78a5fd
  4. #d078fd

Квадрат

  1. #fdd078
  2. #78fd8e
  3. #78a5fd
  4. #fd78e8

Монохромная

  1. #d99103
  2. #fcb62d
  3. #fdd078
  4. #feeac3
  5. #fff8eb

Тени

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

  1. #fdd078
  2. #e4bb6c
  3. #caa660
  4. #b19254
  5. #987d48
  6. #7f683c
  7. #655330
  8. #4c3e24
  9. #332a18
  10. #19150c
  11. #000000

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

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

  1. #fdd078
  2. #fdd586
  3. #fdd993
  4. #fedea1
  5. #fee3ae
  6. #fee8bc
  7. #feecc9
  8. #fef1d7
  9. #fff6e4
  10. #fffaf2
  11. #ffffff

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

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

  1. #fdd078
  2. #f1c879
  3. #e4c07a
  4. #d8b87a
  5. #cbb07b
  6. #bfa87c
  7. #b2a07d
  8. #a6987e
  9. #99907e
  10. #8d887f
  11. #808080

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

Ахроматопсия #d6d6d6 ≈ 0.003% мужчин
Ахроматомалия #e7d4b8 ≈ 0.001% мужчин
Протанопия #e4cf70 ≈ 1.01% мужчин
Дейтеранопия #efdb7b ≈ 1.27% мужчин
Тританопия #ffc2bb ≈ 0.0001% мужчин
Протаномалия #eed074 ≈ 1.08% мужчин
Дейтераномалия #f5d77a ≈ 4.63% мужчин
Тританомалия #ffc8a5 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#ffc87c Topaz ΔE 4.41 #f8de7e Jasmine ΔE 6.29 #fada5e Naples Yellow ΔE 7.03 #ffdb58 Mustard ΔE 7.14 #ffcc33 Sunglow ΔE 7.37 #f0dc82 Buff ΔE 7.41 #f4c430 Saffron ΔE 7.52 #022f87 Инвертированный #d6d6d6 Оттенки серого 

Topaz
#fdd078  rgb(253, 208, 120)  hsl(40, 97%, 73%)  Topaz
#78a5fd  rgb(120, 165, 253)  hsl(220, 97%, 73%)  Cornflower Blue
#78fdd0  rgb(120, 253, 208)  hsl(160, 97%, 73%)  Aquamarine
#d078fd  rgb(208, 120, 253)  hsl(280, 97%, 73%)  Heliotrope