#577481

#577481

Overview

#577481 is a cool, dark color. In RGB it is 87, 116, 129, in HSL 198.6°, 19.4%, 42.4%, and in CMYK 32.6%, 10.1%, 0.0%, 49.4%. The nearest named color is lightskyblue 4.

On this page

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

HEX

#577481

RGB

87, 116, 129

HSL

198,6, 19,4%, 42,4%

HSV

198,6, 32,6%, 50,6%

CMYK

32,6%, 10,1%, 0,0%, 49,4%

OKLCH

0,5412 0,0392 227,2

Свойства

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

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

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

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

#577481

#816457

Аналогичный

#578179

#575F81

#577481

Триадный

#577481

#815774

#748157

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

#577481

#81575F

#817957

Тетрадный

#577481

#795781

#816457

#5F8157

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

Оригинал

#577481

Протанопия

#64647E

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

#62607D

Тританопия

#587B7B

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

#6F6F6F

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

background-color: #577481;
color: #577481;
border-color: #577481;
Ближайший Tailwind-оттенок: Gray 500 #6B7280

Оттенки Tailwind

50
#F6F8F9
100
#EAEEF0
200
#D4DEE2
300
#B6C6CE
400
#8EA8B3
500
#678998
600
#526E7A
700
#425861
800
#33444C
900
#283439
950
#192124

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

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

4,98:1

AA Pass AAA Fail

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

4,22:1

AA Fail AAA Fail

Сравнить с

#577481
#816457
#577481
#FFFFFF
#000000
#577481

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

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

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

RGB(87, 116, 129) · HSL(198,6, 19,4%, 42,4%) · CMYK(32,6%, 10,1%, 0,0%, 49,4%)

Does #577481 meet WCAG contrast on white?

4,98:1 — WCAG AA Соответствует, AAA Не соответствует for normal text.

What text color is readable on #577481?

Use FFFFFF text on a #577481 background; contrast on black is 4,22:1.