#570B81

#570B81

Overview

#570B81 is a cool, dark color. In RGB it is 87, 11, 129, in HSL 278.6°, 84.3%, 27.5%, and in CMYK 32.6%, 91.5%, 0.0%, 49.4%. The nearest named color is purple 4.

On this page

Значения цвета

HEX

#570B81

RGB

87, 11, 129

HSL

278,6, 84,3%, 27,5%

HSV

278,6, 91,5%, 50,6%

CMYK

32,6%, 91,5%, 0,0%, 49,4%

OKLCH

0,361 0,1744 308,1

Свойства

Холодный Тёмный Ближайший: purple 4

Психология цвета

Dark purples like plum and amethyst convey mystery, power, and regal authority. They suggest hidden depths, secret knowledge, and ambitious vision. In Western cultures, deep purple often appears in religious vestments and academic regalia, reinforcing its association with wisdom and ceremony.

Design Usage

Dark purple excels in entertainment branding, gaming interfaces, and luxury e-commerce. It creates dramatic hero sections and immersive backgrounds that feel rich and engaging. Pair it with electric violet or bright pink accents for energy, or with gold and cream for timeless elegance.

Цветовые гармонии

Комплементарный

#570B81

#35810B

Аналогичный

#1C0B81

#810B70

#570B81

Триадный

#570B81

#81570B

#0B8157

Раздельно-комплементарный

#570B81

#70810B

#0B811C

Тетрадный

#570B81

#811C0B

#35810B

#0B7081

Симуляция цветовой слепоты

Оригинал

#570B81

Протанопия

#363564

Дейтеранопия

#3A405E

Тританопия

#534E49

Ахроматопсия

#242424

Использование в CSS

background-color: #570B81;
color: #570B81;
border-color: #570B81;
Ближайший Tailwind-оттенок: Purple 900 #581C87

Оттенки Tailwind

50
#F9F2FD
100
#F1E0FA
200
#E4BDF9
300
#D18EF5
400
#B751F0
500
#9E14EB
600
#7F10BC
700
#650D96
800
#4F0A75
900
#3B0C55
950
#250736

Проверка контрастности

Текст на белом

11,86:1

AA Pass AAA Pass

Текст на чёрном

1,77:1

AA Fail AAA Fail

Сравнить с

#570B81
#35810B
#570B81
#FFFFFF
#000000
#570B81

Похожие статьи

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026
Уроки

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026

Часто задаваемые вопросы

What are the RGB, HSL, and CMYK values of #570B81?

RGB(87, 11, 129) · HSL(278,6, 84,3%, 27,5%) · CMYK(32,6%, 91,5%, 0,0%, 49,4%)

Does #570B81 meet WCAG contrast on white?

11,86:1 — WCAG AA Соответствует, AAA Соответствует for normal text.

What text color is readable on #570B81?

Use FFFFFF text on a #570B81 background; contrast on black is 1,77:1.