ColorTool
Войти
#F5B28C

#f5b28c ≈ Tumbleweed

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

#f5b28c — цвет из семейства «оранжевые»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 96,08% красного, 69,8% зелёного и 54,9% синего; при печати в CMYK используется 0% голубого, 27,35% пурпурного, 42,86% жёлтого и 3,92% чёрного. Угол цветового тона — 21,71°, насыщенность 84% и светлота 75,49% в модели HSL. Это тёплый цвет, который часто ассоциируется с энтузиазмом, теплом и творчеством. Дизайнеры обычно используют его для: кнопок призыва к действию, брендов еды и ресторанов и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 11,63:1 (WCAG AAA). Ближайший именованный цвет — Tumbleweed (#deaa88), ΔE 4,46.

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

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

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

  1. #f5b28c
  2. #8ccff5

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

  1. #f5b28c
  2. #8cf5e6
  3. #8c9bf5

Аналоговая

  1. #f58c9b
  2. #f5b28c
  3. #f5e68c

Триада

  1. #f5b28c
  2. #8cf5b2
  3. #b28cf5

Тетрада

  1. #f5b28c
  2. #cff58c
  3. #8ccff5
  4. #b28cf5

Квадрат

  1. #f5b28c
  2. #9bf58c
  3. #8ccff5
  4. #e68cf5

Монохромная

  1. #d55913
  2. #ef8346
  3. #f5b28c
  4. #fbe1d2
  5. #fdf2ec

Тени

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

  1. #f5b28c
  2. #dda07e
  3. #c48e70
  4. #ac7d62
  5. #936b54
  6. #7b5946
  7. #624738
  8. #4a352a
  9. #31241c
  10. #19120e
  11. #000000

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

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

  1. #f5b28c
  2. #f6ba98
  3. #f7c1a3
  4. #f8c9af
  5. #f9d1ba
  6. #fad9c6
  7. #fbe0d1
  8. #fce8dd
  9. #fdf0e8
  10. #fef7f4
  11. #ffffff

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

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

  1. #f5b28c
  2. #e9ad8b
  3. #dea88a
  4. #d2a388
  5. #c69e87
  6. #bb9986
  7. #af9485
  8. #a38f84
  9. #978a82
  10. #8c8581
  11. #808080

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

Ахроматопсия #c1c1c1 ≈ 0.003% мужчин
Ахроматомалия #d8bbae ≈ 0.001% мужчин
Протанопия #c4b889 ≈ 1.01% мужчин
Дейтеранопия #d4c68c ≈ 1.27% мужчин
Тританопия #ffa6a8 ≈ 0.0001% мужчин
Протаномалия #dab68a ≈ 1.08% мужчин
Дейтераномалия #e2bf8c ≈ 4.63% мужчин
Тританомалия #ffab9e ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-f5b28c {
  color: #f5b28c;
}
Фон
.bg-f5b28c {
  background-color: #f5b28c;
  color: #000000;
}
Рамка
.border-f5b28c {
  border: 2px solid #f5b28c;
}
CSS-переменные
:root {
  --color-primary: #f5b28c;
  --color-primary-rgb: 245 178 140;
  --color-primary-hsl: 22 84% 75%;
}
Градиент
.gradient-f5b28c {
  background: linear-gradient(135deg, #f5b28c, #f5e68c);
}
Цветная тень
.shadow-f5b28c {
  box-shadow: 0 8px 24px rgb(245 178 140 / 0.35);
}

#deaa88 Tumbleweed ΔE 4.46 #ffa07a Light Salmon ΔE 6.22 #e5aa70 Fawn ΔE 7.35 #fbceb1 Apricot ΔE 7.64 #f4a460 Sandy Brown ΔE 7.75 #ebc2af Zinnwaldite ΔE 7.80 #e9967a Dark Salmon ΔE 8.19 #0a4d73 Инвертированный #c1c1c1 Оттенки серого 

Tumbleweed
#f5b28c  rgb(245, 178, 140)  hsl(22, 84%, 75%)  Tumbleweed
#8ccff5  rgb(140, 207, 245)  hsl(202, 84%, 75%)  Light Sky Blue
#8cf5b2  rgb(140, 245, 178)  hsl(142, 84%, 75%)  Light Green
#b28cf5  rgb(178, 140, 245)  hsl(262, 84%, 75%)  Floral Lavender