ColorTool
Войти
#CAA0FD

#caa0fd ≈ Mauve

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

#caa0fd — цвет из семейства «фиолетовые»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 79,22% красного, 62,75% зелёного и 99,22% синего; при печати в CMYK используется 20,16% голубого, 36,76% пурпурного, 0% жёлтого и 0,78% чёрного. Угол цветового тона — 267,1°, насыщенность 95,88% и светлота 80,98% в модели HSL. Это холодный цвет, который часто ассоциируется с воображением, духовностью и роскошью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 9,96:1 (WCAG AAA). Ближайший именованный цвет — Mauve (#e0b0ff), ΔE 5,55.

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

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

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

  1. #caa0fd
  2. #d3fda0

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

  1. #caa0fd
  2. #fdf9a0
  3. #a4fda0

Аналоговая

  1. #a0a4fd
  2. #caa0fd
  3. #f9a0fd

Триада

  1. #caa0fd
  2. #fdcaa0
  3. #a0fdca

Тетрада

  1. #caa0fd
  2. #fda0d3
  3. #d3fda0
  4. #a0fdca

Квадрат

  1. #caa0fd
  2. #fda0a4
  3. #d3fda0
  4. #a0fdf9

Монохромная

  1. #760afa
  2. #a055fb
  3. #caa0fd
  4. #f4ebff
  5. #f4ebff

Тени

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

  1. #caa0fd
  2. #b690e4
  3. #a280ca
  4. #8d70b1
  5. #796098
  6. #65507f
  7. #514065
  8. #3d304c
  9. #282033
  10. #141019
  11. #000000

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

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

  1. #caa0fd
  2. #cfaafd
  3. #d5b3fd
  4. #dabdfe
  5. #dfc6fe
  6. #e5d0fe
  7. #ead9fe
  8. #efe3fe
  9. #f4ecff
  10. #faf6ff
  11. #ffffff

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

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

  1. #caa0fd
  2. #c39df1
  3. #bb9ae4
  4. #b496d8
  5. #ac93cb
  6. #a590bf
  7. #9e8db2
  8. #968aa6
  9. #8f8699
  10. #87838d
  11. #808080

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

Ахроматопсия #b2b2b2 ≈ 0.003% мужчин
Ахроматомалия #bcabd4 ≈ 0.001% мужчин
Протанопия #8bb1ff ≈ 1.01% мужчин
Дейтеранопия #94b3fa ≈ 1.27% мужчин
Тританопия #c2aec3 ≈ 0.0001% мужчин
Протаномалия #a8abff ≈ 1.08% мужчин
Дейтераномалия #acabfb ≈ 4.63% мужчин
Тританомалия #c5a9dd ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-caa0fd {
  color: #caa0fd;
}
Фон
.bg-caa0fd {
  background-color: #caa0fd;
  color: #000000;
}
Рамка
.border-caa0fd {
  border: 2px solid #caa0fd;
}
CSS-переменные
:root {
  --color-primary: #caa0fd;
  --color-primary-rgb: 202 160 253;
  --color-primary-hsl: 267 96% 81%;
}
Градиент
.gradient-caa0fd {
  background: linear-gradient(135deg, #caa0fd, #f9a0fd);
}
Цветная тень
.shadow-caa0fd {
  box-shadow: 0 8px 24px rgb(202 160 253 / 0.35);
}

#e0b0ff Mauve ΔE 5.55 #c9a0dc Wisteria ΔE 6.96 #dda0dd Plum ΔE 9.29 #b57edc Floral Lavender ΔE 9.35 #ee82ee Violet ΔE 10.65 #df73ff Heliotrope ΔE 10.90 #c8a2c8 Lilac ΔE 12.36 #355f02 Инвертированный #b2b2b2 Оттенки серого 

Mauve
#caa0fd  rgb(202, 160, 253)  hsl(267, 96%, 81%)  Mauve
#d3fda0  rgb(211, 253, 160)  hsl(87, 96%, 81%)  Inchworm
#fdcaa0  rgb(253, 202, 160)  hsl(27, 96%, 81%)  Peach Orange
#a0fdca  rgb(160, 253, 202)  hsl(147, 96%, 81%)  Aquamarine