ColorTool
Войти
#AF875F

#af875f ≈ Cafe au Lait

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

#af875f — цвет из семейства «оранжевые»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 68,63% красного, 52,94% зелёного и 37,25% синего; при печати в CMYK используется 0% голубого, 22,86% пурпурного, 45,71% жёлтого и 31,37% чёрного. Угол цветового тона — 30°, насыщенность 33,33% и светлота 52,94% в модели HSL. Это тёплый цвет, который часто ассоциируется с энтузиазмом, теплом и творчеством. Дизайнеры обычно используют его для: кнопок призыва к действию, брендов еды и ресторанов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,45:1 (WCAG AA). Ближайший именованный цвет — Cafe au Lait (#a67b5b), ΔE 4,95.

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

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

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

  1. #af875f
  2. #5f87af

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

  1. #af875f
  2. #5fafaf
  3. #5f5faf

Аналоговая

  1. #af5f5f
  2. #af875f
  3. #afaf5f

Триада

  1. #af875f
  2. #5faf87
  3. #875faf

Тетрада

  1. #af875f
  2. #87af5f
  3. #5f87af
  4. #875faf

Квадрат

  1. #af875f
  2. #5faf5f
  3. #5f87af
  4. #af5faf

Монохромная

  1. #4e3a27
  2. #816141
  3. #af875f
  4. #c8ad92
  5. #e2d3c5

Тени

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

  1. #af875f
  2. #9e7a56
  3. #8c6c4c
  4. #7b5f43
  5. #695139
  6. #584430
  7. #463626
  8. #35291d
  9. #231b13
  10. #120e0a
  11. #000000

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

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

  1. #af875f
  2. #b7936f
  3. #bf9f7f
  4. #c7ab8f
  5. #cfb79f
  6. #d7c3af
  7. #dfcfbf
  8. #e7dbcf
  9. #efe7df
  10. #f7f3ef
  11. #ffffff

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

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

  1. #af875f
  2. #aa8662
  3. #a68666
  4. #a18569
  5. #9c846c
  6. #988470
  7. #938373
  8. #8e8276
  9. #898179
  10. #85817d
  11. #808080

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

Ахроматопсия #8f8f8f ≈ 0.003% мужчин
Ахроматомалия #9d8c7e ≈ 0.001% мужчин
Протанопия #94895c ≈ 1.01% мужчин
Дейтеранопия #9e9260 ≈ 1.27% мужчин
Тританопия #bb7e7d ≈ 0.0001% мужчин
Протаномалия #a0885d ≈ 1.08% мужчин
Дейтераномалия #a58e5f ≈ 4.63% мужчин
Тританомалия #b78272 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#a67b5b Cafe au Lait ΔE 4.95 #c19a6b Camel ΔE 6.28 #9f8170 Beaver ΔE 8.15 #cd853f Peru ΔE 8.74 #b87333 Copper ΔE 9.03 #d68a59 Raw Sienna ΔE 9.44 #d99058 Persian Orange ΔE 9.51 #5078a0 Инвертированный #8f8f8f Оттенки серого 

Cafe au Lait
#af875f  rgb(175, 135, 95)  hsl(30, 33%, 53%)  Cafe au Lait
#5f87af  rgb(95, 135, 175)  hsl(210, 33%, 53%)  Glaucous
#5faf87  rgb(95, 175, 135)  hsl(150, 33%, 53%)  Mint
#875faf  rgb(135, 95, 175)  hsl(270, 33%, 53%)  Royal Purple