ColorTool
Войти
#CC3A4A

#cc3a4a ≈ Brick Red

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

#cc3a4a — цвет из семейства «красные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 80% красного, 22,75% зелёного и 29,02% синего; при печати в CMYK используется 0% голубого, 71,57% пурпурного, 63,73% жёлтого и 20% чёрного. Угол цветового тона — 353,42°, насыщенность 58,87% и светлота 51,37% в модели HSL. Это тёплый цвет, который часто ассоциируется с энергией, страстью и срочностью. Дизайнеры обычно используют его для: брендов еды и ресторанов, распродаж и акций и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 4,92:1 (WCAG AA). Ближайший именованный цвет — Brick Red (#cb4154), ΔE 2,41.

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

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

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

  1. #cc3a4a
  2. #3accbc

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

  1. #cc3a4a
  2. #3acc73
  3. #3a93cc

Аналоговая

  1. #cc3a93
  2. #cc3a4a
  3. #cc733a

Триада

  1. #cc3a4a
  2. #4acc3a
  3. #3a4acc

Тетрада

  1. #cc3a4a
  2. #ccbc3a
  3. #3accbc
  4. #3a4acc

Квадрат

  1. #cc3a4a
  2. #93cc3a
  3. #3accbc
  4. #733acc

Монохромная

  1. #57161d
  2. #932632
  3. #cc3a4a
  4. #dc7782
  5. #ebb4ba

Тени

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

  1. #cc3a4a
  2. #b83443
  3. #a32e3b
  4. #8f2934
  5. #7a232c
  6. #661d25
  7. #52171e
  8. #3d1116
  9. #290c0f
  10. #140607
  11. #000000

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

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

  1. #cc3a4a
  2. #d14e5c
  3. #d6616e
  4. #db7580
  5. #e08992
  6. #e69da5
  7. #ebb0b7
  8. #f0c4c9
  9. #f5d8db
  10. #faebed
  11. #ffffff

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

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

  1. #cc3a4a
  2. #c4414f
  3. #bd4855
  4. #b54f5a
  5. #ae5660
  6. #a65d65
  7. #9e646a
  8. #976b70
  9. #8f7275
  10. #88797b
  11. #808080

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

Ахроматопсия #717171 ≈ 0.003% мужчин
Ахроматомалия #9e5f63 ≈ 0.001% мужчин
Протанопия #625d4a ≈ 1.01% мужчин
Дейтеранопия #877c46 ≈ 1.27% мужчин
Тританопия #e00741 ≈ 0.0001% мужчин
Протаномалия #98514a ≈ 1.08% мужчин
Дейтераномалия #a76848 ≈ 4.63% мужчин
Тританомалия #d82545 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-cc3a4a {
  color: #cc3a4a;
}
Фон
.bg-cc3a4a {
  background-color: #cc3a4a;
  color: #ffffff;
}
Рамка
.border-cc3a4a {
  border: 2px solid #cc3a4a;
}
CSS-переменные
:root {
  --color-primary: #cc3a4a;
  --color-primary-rgb: 204 58 74;
  --color-primary-hsl: 353 59% 51%;
}
Градиент
.gradient-cc3a4a {
  background: linear-gradient(135deg, #cc3a4a, #cc733a);
}
Цветная тень
.shadow-cc3a4a {
  box-shadow: 0 8px 24px rgb(204 58 74 / 0.35);
}

#cb4154 Brick Red ΔE 2.41 #dc143c Crimson ΔE 3.92 #e52b50 Amaranth ΔE 4.57 #c41e3a Cardinal ΔE 4.77 #cc3333 Persian Red ΔE 5.89 #cd5c5c Indian Red ΔE 7.18 #ce2029 Fire Engine Red ΔE 7.28 #33c5b5 Инвертированный #717171 Оттенки серого 

Brick Red
#cc3a4a  rgb(204, 58, 74)  hsl(353, 59%, 51%)  Brick Red
#3accbc  rgb(58, 204, 188)  hsl(173, 59%, 51%)  Medium Turquoise
#4acc3a  rgb(74, 204, 58)  hsl(113, 59%, 51%)  Lime Green
#3a4acc  rgb(58, 74, 204)  hsl(233, 59%, 51%)  Iris