ColorTool
Войти
#E317AF

#e317af ≈ Shocking Pink

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

#e317af — цвет из семейства «пурпурные»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 89,02% красного, 9,02% зелёного и 68,63% синего; при печати в CMYK используется 0% голубого, 89,87% пурпурного, 22,91% жёлтого и 10,98% чёрного. Угол цветового тона — 315,29°, насыщенность 81,6% и светлота 49,02% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 5,01:1 (WCAG AA). Ближайший именованный цвет — Shocking Pink (#fc0fc0), ΔE 5,07.

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

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

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

  1. #e317af
  2. #17e34b

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

  1. #e317af
  2. #49e317
  3. #17e3b1

Аналоговая

  1. #b117e3
  2. #e317af
  3. #e31749

Триада

  1. #e317af
  2. #afe317
  3. #17afe3

Тетрада

  1. #e317af
  2. #e34b17
  3. #17e34b
  4. #17afe3

Квадрат

  1. #e317af
  2. #e3b117
  3. #17e34b
  4. #1749e3

Монохромная

  1. #580944
  2. #9e1079
  3. #e317af
  4. #ee58c8
  5. #f59edf

Тени

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

  1. #e317af
  2. #cc159e
  3. #b6128c
  4. #9f107b
  5. #880e69
  6. #720c58
  7. #5b0946
  8. #440735
  9. #2d0523
  10. #170212
  11. #000000

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

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

  1. #e317af
  2. #e62eb7
  3. #e945bf
  4. #eb5dc7
  5. #ee74cf
  6. #f18bd7
  7. #f4a2df
  8. #f7b9e7
  9. #f9d1ef
  10. #fce8f7
  11. #ffffff

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

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

  1. #e317af
  2. #d922aa
  3. #cf2ca6
  4. #c537a1
  5. #bb419c
  6. #b24c98
  7. #a85693
  8. #9e618e
  9. #946b89
  10. #8a7685
  11. #808080

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

Ахроматопсия #7c7c7c ≈ 0.003% мужчин
Ахроматомалия #af6393 ≈ 0.001% мужчин
Протанопия #3768b2 ≈ 1.01% мужчин
Дейтеранопия #7987ab ≈ 1.27% мужчин
Тританопия #f21b68 ≈ 0.0001% мужчин
Протаномалия #9c53b1 ≈ 1.08% мужчин
Дейтераномалия #ae6bad ≈ 4.63% мужчин
Тританомалия #ec1a8a ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#fc0fc0 Shocking Pink ΔE 5.07 #fe28a2 Persian Rose ΔE 7.69 #c54b8c Mulberry ΔE 8.35 #c71585 Medium Violet Red ΔE 8.56 #ff1493 Deep Pink ΔE 9.11 #ff43a4 Wild Strawberry ΔE 9.93 #ba55d3 Medium Orchid ΔE 10.85 #1ce850 Инвертированный #7c7c7c Оттенки серого 

Shocking Pink
#e317af  rgb(227, 23, 175)  hsl(315, 82%, 49%)  Shocking Pink
#17e34b  rgb(23, 227, 75)  hsl(135, 82%, 49%)  Malachite
#afe317  rgb(175, 227, 23)  hsl(75, 82%, 49%)  Inchworm
#17afe3  rgb(23, 175, 227)  hsl(195, 82%, 49%)  Deep Sky Blue