ColorTool
Войти
#CF7AE6

#cf7ae6 ≈ Heliotrope

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

#cf7ae6 — цвет из семейства «пурпурные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 81,18% красного, 47,84% зелёного и 90,2% синего; при печати в CMYK используется 10% голубого, 46,96% пурпурного, 0% жёлтого и 9,8% чёрного. Угол цветового тона — 287,22°, насыщенность 68,35% и светлота 69,02% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 7,58:1 (WCAG AAA). Ближайший именованный цвет — Heliotrope (#df73ff), ΔE 4,14.

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

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

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

  1. #cf7ae6
  2. #91e67a

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

  1. #cf7ae6
  2. #c7e67a
  3. #7ae699

Аналоговая

  1. #997ae6
  2. #cf7ae6
  3. #e67ac7

Триада

  1. #cf7ae6
  2. #e6cf7a
  3. #7ae6cf

Тетрада

  1. #cf7ae6
  2. #e67a91
  3. #91e67a
  4. #7ae6cf

Квадрат

  1. #cf7ae6
  2. #e6997a
  3. #91e67a
  4. #7ac7e6

Монохромная

  1. #8b1fa8
  2. #b83ada
  3. #cf7ae6
  4. #e6baf2
  5. #f9eefc

Тени

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

  1. #cf7ae6
  2. #ba6ecf
  3. #a662b8
  4. #9155a1
  5. #7c498a
  6. #683d73
  7. #53315c
  8. #3e2545
  9. #29182e
  10. #150c17
  11. #000000

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

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

  1. #cf7ae6
  2. #d487e9
  3. #d995eb
  4. #dda2ee
  5. #e2aff0
  6. #e7bdf3
  7. #eccaf5
  8. #f1d7f8
  9. #f5e4fa
  10. #faf2fd
  11. #ffffff

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

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

  1. #cf7ae6
  2. #c77bdc
  3. #bf7bd2
  4. #b77cc7
  5. #af7cbd
  6. #a87db3
  7. #a07ea9
  8. #987e9f
  9. #907f94
  10. #887f8a
  11. #808080

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

Ахроматопсия #9b9b9b ≈ 0.003% мужчин
Ахроматомалия #b28fbe ≈ 0.001% мужчин
Протанопия #6896ea ≈ 1.01% мужчин
Дейтеранопия #809ee3 ≈ 1.27% мужчин
Тританопия #cf89a5 ≈ 0.0001% мужчин
Протаномалия #9c8be8 ≈ 1.08% мужчин
Дейтераномалия #a691e4 ≈ 4.63% мужчин
Тританомалия #cf83c3 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#df73ff Heliotrope ΔE 4.14 #da70d6 Orchid ΔE 4.29 #b57edc Floral Lavender ΔE 4.88 #ee82ee Violet ΔE 5.75 #ff77ff Fuchsia Pink ΔE 7.58 #ba55d3 Medium Orchid ΔE 9.68 #c9a0dc Wisteria ΔE 10.78 #308519 Инвертированный #9b9b9b Оттенки серого 

Heliotrope
#cf7ae6  rgb(207, 122, 230)  hsl(287, 68%, 69%)  Heliotrope
#91e67a  rgb(145, 230, 122)  hsl(107, 68%, 69%)  Light Green
#e6cf7a  rgb(230, 207, 122)  hsl(47, 68%, 69%)  Buff
#7ae6cf  rgb(122, 230, 207)  hsl(167, 68%, 69%)  Turquoise