ColorTool
Войти
#CF6F85

#cf6f85 ≈ Pale Violet Red

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

#cf6f85 — цвет из семейства «красные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 81,18% красного, 43,53% зелёного и 52,16% синего; при печати в CMYK используется 0% голубого, 46,38% пурпурного, 35,75% жёлтого и 18,82% чёрного. Угол цветового тона — 346,25°, насыщенность 50% и светлота 62,35% в модели HSL. Это тёплый цвет, который часто ассоциируется с энергией, страстью и срочностью. Дизайнеры обычно используют его для: брендов еды и ресторанов, распродаж и акций и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,27:1 (WCAG AA). Ближайший именованный цвет — Pale Violet Red (#db7093), ΔE 3,82.

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

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

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

  1. #cf6f85
  2. #6fcfb9

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

  1. #cf6f85
  2. #6fcf89
  3. #6fb5cf

Аналоговая

  1. #cf6fb5
  2. #cf6f85
  3. #cf896f

Триада

  1. #cf6f85
  2. #85cf6f
  3. #6f85cf

Тетрада

  1. #cf6f85
  2. #cfb96f
  3. #6fcfb9
  4. #6f85cf

Квадрат

  1. #cf6f85
  2. #b5cf6f
  3. #6fcfb9
  4. #896fcf

Монохромная

  1. #7c293c
  2. #b53c58
  3. #cf6f85
  4. #e2a8b6
  5. #f5e2e6

Тени

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

  1. #cf6f85
  2. #ba6478
  3. #a6596a
  4. #914e5d
  5. #7c4350
  6. #683843
  7. #532c35
  8. #3e2128
  9. #29161b
  10. #150b0d
  11. #000000

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

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

  1. #cf6f85
  2. #d47d91
  3. #d98c9d
  4. #dd9aaa
  5. #e2a9b6
  6. #e7b7c2
  7. #ecc5ce
  8. #f1d4da
  9. #f5e2e7
  10. #faf1f3
  11. #ffffff

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

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

  1. #cf6f85
  2. #c77185
  3. #bf7284
  4. #b77484
  5. #af7683
  6. #a87883
  7. #a07982
  8. #987b82
  9. #907d81
  10. #887e81
  11. #808080

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

Ахроматопсия #8c8c8c ≈ 0.003% мужчин
Ахроматомалия #ab8289 ≈ 0.001% мужчин
Протанопия #808186 ≈ 1.01% мужчин
Дейтеранопия #989383 ≈ 1.27% мужчин
Тританопия #de6677 ≈ 0.0001% мужчин
Протаномалия #a57a85 ≈ 1.08% мужчин
Дейтераномалия #b18684 ≈ 4.63% мужчин
Тританомалия #d86a7d ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-cf6f85 {
  color: #cf6f85;
}
Фон
.bg-cf6f85 {
  background-color: #cf6f85;
  color: #000000;
}
Рамка
.border-cf6f85 {
  border: 2px solid #cf6f85;
}
CSS-переменные
:root {
  --color-primary: #cf6f85;
  --color-primary-rgb: 207 111 133;
  --color-primary-hsl: 346 50% 62%;
}
Градиент
.gradient-cf6f85 {
  background: linear-gradient(135deg, #cf6f85, #cf896f);
}
Цветная тень
.shadow-cf6f85 {
  box-shadow: 0 8px 24px rgb(207 111 133 / 0.35);
}

#db7093 Pale Violet Red ΔE 3.82 #de5d83 Blush ΔE 4.60 #b76e79 Rose Gold ΔE 5.31 #b57281 Turkish Rose ΔE 5.38 #cc8899 Puce ΔE 6.94 #de6fa1 Thulian Pink ΔE 7.27 #c08081 Old Rose ΔE 7.74 #30907a Инвертированный #8c8c8c Оттенки серого 

Pale Violet Red
#cf6f85  rgb(207, 111, 133)  hsl(346, 50%, 62%)  Pale Violet Red
#6fcfb9  rgb(111, 207, 185)  hsl(166, 50%, 62%)  Medium Aquamarine
#85cf6f  rgb(133, 207, 111)  hsl(106, 50%, 62%)  Mantis
#6f85cf  rgb(111, 133, 207)  hsl(226, 50%, 62%)  Glaucous