ColorTool
Войти
#AF0B8A

#af0b8a ≈ Medium Violet Red

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

#af0b8a — цвет из семейства «пурпурные»; светлота: низкая, насыщенность: сильная. В модели RGB он состоит из 68,63% красного, 4,31% зелёного и 54,12% синего; при печати в CMYK используется 0% голубого, 93,71% пурпурного, 21,14% жёлтого и 31,37% чёрного. Угол цветового тона — 313,54°, насыщенность 88,17% и светлота 36,47% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и кнопок призыва к действию. Текст цвета «белый» на этом фоне даёт контраст 6,49:1 (WCAG AA). Ближайший именованный цвет — Medium Violet Red (#c71585), ΔE 6,26.

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

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

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

  1. #af0b8a
  2. #0baf30

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

  1. #af0b8a
  2. #38af0b
  3. #0baf82

Аналоговая

  1. #820baf
  2. #af0b8a
  3. #af0b38

Триада

  1. #af0b8a
  2. #8aaf0b
  3. #0b8aaf

Тетрада

  1. #af0b8a
  2. #af300b
  3. #0baf30
  4. #0b8aaf

Квадрат

  1. #af0b8a
  2. #af820b
  3. #0baf30
  4. #0b38af

Монохромная

  1. #1f0218
  2. #670651
  3. #af0b8a
  4. #f016bf
  5. #f55ed3

Тени

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

  1. #af0b8a
  2. #9e0a7c
  3. #8c096e
  4. #7b0861
  5. #690753
  6. #580645
  7. #460437
  8. #350329
  9. #23021c
  10. #12010e
  11. #000000

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

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

  1. #af0b8a
  2. #b72396
  3. #bf3ca1
  4. #c754ad
  5. #cf6db9
  6. #d785c5
  7. #df9dd0
  8. #e7b6dc
  9. #efcee8
  10. #f7e7f3
  11. #ffffff

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

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

  1. #af0b8a
  2. #aa1789
  3. #a62288
  4. #a12e87
  5. #9c3a86
  6. #984685
  7. #935184
  8. #8e5d83
  9. #896982
  10. #857481
  11. #808080

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

Ахроматопсия #5e5e5e ≈ 0.003% мужчин
Ахроматомалия #864a72 ≈ 0.001% мужчин
Протанопия #234e8d ≈ 1.01% мужчин
Дейтеранопия #5a6787 ≈ 1.27% мужчин
Тританопия #ba1451 ≈ 0.0001% мужчин
Протаномалия #763e8c ≈ 1.08% мужчин
Дейтераномалия #855188 ≈ 4.63% мужчин
Тританомалия #b6116c ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-af0b8a {
  color: #af0b8a;
}
Фон
.bg-af0b8a {
  background-color: #af0b8a;
  color: #ffffff;
}
Рамка
.border-af0b8a {
  border: 2px solid #af0b8a;
}
CSS-переменные
:root {
  --color-primary: #af0b8a;
  --color-primary-rgb: 175 11 138;
  --color-primary-hsl: 314 88% 36%;
}
Градиент
.gradient-af0b8a {
  background: linear-gradient(135deg, #af0b8a, #af0b38);
}
Цветная тень
.shadow-af0b8a {
  box-shadow: 0 8px 24px rgb(175 11 138 / 0.35);
}

#c71585 Medium Violet Red ΔE 6.26 #8e4585 Deep Plum ΔE 8.23 #8b008b Dark Magenta ΔE 8.24 #880085 Mardi Gras ΔE 8.51 #a50b5e Jazzberry Jam ΔE 9.10 #800080 Purple ΔE 9.97 #873260 Boysenberry ΔE 10.43 #50f475 Инвертированный #5e5e5e Оттенки серого 

Medium Violet Red
#af0b8a  rgb(175, 11, 138)  hsl(314, 88%, 36%)  Medium Violet Red
#0baf30  rgb(11, 175, 48)  hsl(134, 88%, 36%)  Kelly Green
#8aaf0b  rgb(138, 175, 11)  hsl(74, 88%, 36%)  Apple Green
#0b8aaf  rgb(11, 138, 175)  hsl(194, 88%, 36%)  Bondi Blue