#57AFAB

#57AFAB

Overview

#57AFAB is a cool, light color. In RGB it is 87, 175, 171, in HSL 177.3°, 35.5%, 51.4%, and in CMYK 50.3%, 0.0%, 2.3%, 31.4%. The nearest named color is cadetblue.

On this page

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

HEX

#57AFAB

RGB

87, 175, 171

HSL

177,3, 35,5%, 51,4%

HSV

177,3, 50,3%, 68,6%

CMYK

50,3%, 0,0%, 2,3%, 31,4%

OKLCH

0,6987 0,085 191,5

Свойства

Холодный Светлый Ближайший: cadetblue

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

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

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

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

#57AFAB

#AF575B

Аналогичный

#57AF7F

#5787AF

#57AFAB

Триадный

#57AFAB

#AB57AF

#AFAB57

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

#57AFAB

#AF5787

#AF7F57

Тетрадный

#57AFAB

#7F57AF

#AF575B

#87AF57

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

Оригинал

#57AFAB

Протанопия

#7D7EAC

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

#7871AC

Тританопия

#5BADAD

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

#9C9C9C

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

background-color: #57AFAB;
color: #57AFAB;
border-color: #57AFAB;
Ближайший Tailwind-оттенок: Teal 600 #0D9488

Оттенки Tailwind

50
#F5FAF9
100
#E8F3F2
200
#CFE8E7
300
#ACD8D6
400
#7FC2BF
500
#52ADA9
600
#428A87
700
#356F6C
800
#295654
900
#21403F
950
#152827

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

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

2,58:1

AA Fail AAA Fail

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

8,13:1

AA Pass AAA Pass

Сравнить с

#57AFAB
#AF575B
#57AFAB
#FFFFFF
#000000
#57AFAB

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(87, 175, 171) · HSL(177,3, 35,5%, 51,4%) · CMYK(50,3%, 0,0%, 2,3%, 31,4%)

Does #57AFAB meet WCAG contrast on white?

2,58:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #57AFAB?

Use 000000 text on a #57AFAB background; contrast on black is 8,13:1.