ColorTool
Войти
#CC4DB4

#cc4db4 ≈ Shocking Pink

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

#cc4db4 — цвет из семейства «пурпурные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 80% красного, 30,2% зелёного и 70,59% синего; при печати в CMYK используется 0% голубого, 62,25% пурпурного, 11,76% жёлтого и 20% чёрного. Угол цветового тона — 311,34°, насыщенность 55,46% и светлота 55,1% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 5,29:1 (WCAG AA). Ближайший именованный цвет — Shocking Pink (#fc0fc0), ΔE 7,24.

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

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

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

  1. #cc4db4
  2. #4dcc65

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

  1. #cc4db4
  2. #75cc4d
  3. #4dcca5

Аналоговая

  1. #a54dcc
  2. #cc4db4
  3. #cc4d75

Триада

  1. #cc4db4
  2. #b4cc4d
  3. #4db4cc

Тетрада

  1. #cc4db4
  2. #cc654d
  3. #4dcc65
  4. #4db4cc

Квадрат

  1. #cc4db4
  2. #cca54d
  3. #4dcc65
  4. #4d75cc

Монохромная

  1. #641d56
  2. #9f2e8a
  3. #cc4db4
  4. #dd88cd
  5. #eec4e6

Тени

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

  1. #cc4db4
  2. #b845a2
  3. #a33e90
  4. #8f367e
  5. #7a2e6c
  6. #66275a
  7. #521f48
  8. #3d1736
  9. #290f24
  10. #140812
  11. #000000

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

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

  1. #cc4db4
  2. #d15fbc
  3. #d671c3
  4. #db82cb
  5. #e094d2
  6. #e6a6da
  7. #ebb8e1
  8. #f0cae9
  9. #f5dbf0
  10. #faedf8
  11. #ffffff

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

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

  1. #cc4db4
  2. #c452af
  3. #bd57aa
  4. #b55ca4
  5. #ae619f
  6. #a6679a
  7. #9e6c95
  8. #977190
  9. #8f768a
  10. #887b85
  11. #808080

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

Ахроматопсия #808080 ≈ 0.003% мужчин
Ахроматомалия #a46f97 ≈ 0.001% мужчин
Протанопия #4e73b7 ≈ 1.01% мужчин
Дейтеранопия #7687b1 ≈ 1.27% мужчин
Тританопия #d65479 ≈ 0.0001% мужчин
Протаномалия #9266b6 ≈ 1.08% мужчин
Дейтераномалия #a074b2 ≈ 4.63% мужчин
Тританомалия #d25194 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#fc0fc0 Shocking Pink ΔE 7.24 #ba55d3 Medium Orchid ΔE 7.29 #c54b8c Mulberry ΔE 8.04 #cf71af Sky Magenta ΔE 8.70 #da70d6 Orchid ΔE 9.07 #fe28a2 Persian Rose ΔE 9.84 #9a4eae Purpureus ΔE 10.28 #33b24b Инвертированный #808080 Оттенки серого 

Shocking Pink
#cc4db4  rgb(204, 77, 180)  hsl(311, 55%, 55%)  Shocking Pink
#4dcc65  rgb(77, 204, 101)  hsl(131, 55%, 55%)  Emerald
#b4cc4d  rgb(180, 204, 77)  hsl(71, 55%, 55%)  June Bud
#4db4cc  rgb(77, 180, 204)  hsl(191, 55%, 55%)  Moonstone Blue