ColorTool
Войти
#F07BF0

#f07bf0 ≈ Violet

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

#f07bf0 — цвет из семейства «пурпурные»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 94,12% красного, 48,24% зелёного и 94,12% синего; при печати в CMYK используется 0% голубого, 48,75% пурпурного, 0% жёлтого и 5,88% чёрного. Угол цветового тона — 300°, насыщенность 79,59% и светлота 71,18% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с творчеством, смелостью и индивидуальностью. Дизайнеры обычно используют его для: красоты и косметики, креативных студий и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,8:1 (WCAG AAA). Ближайший именованный цвет — Violet (#ee82ee), ΔE 1,42.

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

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

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

  1. #f07bf0
  2. #7bf07b

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

  1. #f07bf0
  2. #b6f07b
  3. #7bf0b6

Аналоговая

  1. #b67bf0
  2. #f07bf0
  3. #f07bb6

Триада

  1. #f07bf0
  2. #f0f07b
  3. #7bf0f0

Тетрада

  1. #f07bf0
  2. #f07b7b
  3. #7bf07b
  4. #7bf0f0

Квадрат

  1. #f07bf0
  2. #f0b67b
  3. #7bf07b
  4. #7bb6f0

Монохромная

  1. #bd15bd
  2. #e836e8
  3. #f07bf0
  4. #f8c0f8
  5. #fdedfd

Тени

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

  1. #f07bf0
  2. #d86fd8
  3. #c062c0
  4. #a856a8
  5. #904a90
  6. #783e78
  7. #603160
  8. #482548
  9. #301930
  10. #180c18
  11. #000000

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

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

  1. #f07bf0
  2. #f288f2
  3. #f395f3
  4. #f5a3f5
  5. #f6b0f6
  6. #f8bdf8
  7. #f9caf9
  8. #fbd7fb
  9. #fce5fc
  10. #fef2fe
  11. #ffffff

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

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

  1. #f07bf0
  2. #e57ce5
  3. #da7cda
  4. #ce7dce
  5. #c37dc3
  6. #b87eb8
  7. #ad7ead
  8. #a27fa2
  9. #967f96
  10. #8b808b
  11. #808080

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

Ахроматопсия #a8a8a8 ≈ 0.003% мужчин
Ахроматомалия #c998c9 ≈ 0.001% мужчин
Протанопия #709ef4 ≈ 1.01% мужчин
Дейтеранопия #93adec ≈ 1.27% мужчин
Тританопия #f688ab ≈ 0.0001% мужчин
Протаномалия #b291f2 ≈ 1.08% мужчин
Дейтераномалия #bf9cee ≈ 4.63% мужчин
Тританомалия #f483ca ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#ee82ee Violet ΔE 1.42 #ff77ff Fuchsia Pink ΔE 2.65 #df73ff Heliotrope ΔE 5.10 #da70d6 Orchid ΔE 5.18 #ff66cc Rose Pink ΔE 7.51 #dda0dd Plum ΔE 10.06 #b57edc Floral Lavender ΔE 10.22 #0f840f Инвертированный #a8a8a8 Оттенки серого 

Violet
#f07bf0  rgb(240, 123, 240)  hsl(300, 80%, 71%)  Violet
#7bf07b  rgb(123, 240, 123)  hsl(120, 80%, 71%)  Light Green
#f0f07b  rgb(240, 240, 123)  hsl(60, 80%, 71%)  Pastel Yellow
#7bf0f0  rgb(123, 240, 240)  hsl(180, 80%, 71%)  Electric Blue