#548C99

#548C99

Overview

#548C99 is a cool, light color. In RGB it is 84, 140, 153, in HSL 191.3°, 29.1%, 46.5%, and in CMYK 45.1%, 8.5%, 0.0%, 40.0%. The nearest named color is cadetblue 4.

On this page

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

HEX

#548C99

RGB

84, 140, 153

HSL

191,3, 29,1%, 46,5%

HSV

191,3, 45,1%, 60,0%

CMYK

45,1%, 8,5%, 0,0%, 40,0%

OKLCH

0,6064 0,0621 214,2

Свойства

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

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

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.

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

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

#548C99

#996154

Аналогичный

#549984

#546A99

#548C99

Триадный

#548C99

#99548C

#8C9954

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

#548C99

#99546A

#998454

Тетрадный

#548C99

#845499

#996154

#6A9954

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

Оригинал

#548C99

Протанопия

#6C6D96

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

#696595

Тританопия

#579393

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

#818181

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

background-color: #548C99;
color: #548C99;
border-color: #548C99;
Ближайший Tailwind-оттенок: Cyan 700 #0E7490

Оттенки Tailwind

50
#F5F9F9
100
#E9F0F2
200
#D1E2E6
300
#B0CDD4
400
#85B2BC
500
#5A97A5
600
#487984
700
#3A6069
800
#2D4B52
900
#24383D
950
#172427

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

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

3,76:1

AA Fail AAA Fail

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

5,59:1

AA Pass AAA Fail

Сравнить с

#548C99
#996154
#548C99
#FFFFFF
#000000
#548C99

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(84, 140, 153) · HSL(191,3, 29,1%, 46,5%) · CMYK(45,1%, 8,5%, 0,0%, 40,0%)

Does #548C99 meet WCAG contrast on white?

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

What text color is readable on #548C99?

Use 000000 text on a #548C99 background; contrast on black is 5,59:1.