ColorTool
Войти
#CC9EA2

#cc9ea2 ≈ Pastel Pink

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

#cc9ea2 — цвет из семейства «красные»; светлота: высокая, насыщенность: приглушённая. В модели RGB он состоит из 80% красного, 61,96% зелёного и 63,53% синего; при печати в CMYK используется 0% голубого, 22,55% пурпурного, 20,59% жёлтого и 20% чёрного. Угол цветового тона — 354,78°, насыщенность 31,08% и светлота 70,98% в модели HSL. Это тёплый цвет, который часто ассоциируется с энергией, страстью и срочностью. Дизайнеры обычно используют его для: брендов еды и ресторанов, распродаж и акций и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,98:1 (WCAG AAA). Ближайший именованный цвет — Pastel Pink (#dea5a4), ΔE 4,21.

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

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

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

  1. #cc9ea2
  2. #9eccc8

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

  1. #cc9ea2
  2. #9eccb1
  3. #9eb9cc

Аналоговая

  1. #cc9eb9
  2. #cc9ea2
  3. #ccb19e

Триада

  1. #cc9ea2
  2. #a2cc9e
  3. #9ea2cc

Тетрада

  1. #cc9ea2
  2. #ccc89e
  3. #9eccc8
  4. #9ea2cc

Квадрат

  1. #cc9ea2
  2. #b9cc9e
  3. #9eccc8
  4. #b19ecc

Монохромная

  1. #89484e
  2. #b26c72
  3. #cc9ea2
  4. #e6d0d2
  5. #f8f2f2

Тени

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

  1. #cc9ea2
  2. #b88e92
  3. #a37e82
  4. #8f6f71
  5. #7a5f61
  6. #664f51
  7. #523f41
  8. #3d2f31
  9. #292020
  10. #141010
  11. #000000

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

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

  1. #cc9ea2
  2. #d1a8ab
  3. #d6b1b5
  4. #dbbbbe
  5. #e0c5c7
  6. #e6cfd1
  7. #ebd8da
  8. #f0e2e3
  9. #f5ecec
  10. #faf5f6
  11. #ffffff

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

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

  1. #cc9ea2
  2. #c49b9f
  3. #bd989b
  4. #b59598
  5. #ae9294
  6. #a68f91
  7. #9e8c8e
  8. #97898a
  9. #8f8687
  10. #888383
  11. #808080

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

Ахроматопсия #a9a9a9 ≈ 0.003% мужчин
Ахроматомалия #b8a5a7 ≈ 0.001% мужчин
Протанопия #a5a5a2 ≈ 1.01% мужчин
Дейтеранопия #b0ada1 ≈ 1.27% мужчин
Тританопия #d59a9f ≈ 0.0001% мужчин
Протаномалия #b6a2a2 ≈ 1.08% мужчин
Дейтераномалия #bca7a2 ≈ 4.63% мужчин
Тританомалия #d29ca0 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#dea5a4 Pastel Pink ΔE 4.21 #bc8f8f Rosy Brown ΔE 4.95 #cc8899 Puce ΔE 7.60 #c4aead Silver Pink ΔE 8.31 #c08081 Old Rose ΔE 9.07 #f4c2c2 Baby Pink ΔE 9.78 #ffb6c1 Light Pink ΔE 10.14 #33615d Инвертированный #a9a9a9 Оттенки серого 

Pastel Pink
#cc9ea2  rgb(204, 158, 162)  hsl(355, 31%, 71%)  Pastel Pink
#9eccc8  rgb(158, 204, 200)  hsl(175, 31%, 71%)  Opal
#a2cc9e  rgb(162, 204, 158)  hsl(115, 31%, 71%)  Dark Sea Green
#9ea2cc  rgb(158, 162, 204)  hsl(235, 31%, 71%)  Wild Blue Yonder