#55DFFF

#55DFFF

Overview

#55DFFF is a cool, light color. In RGB it is 85, 223, 255, in HSL 191.3°, 100.0%, 66.7%, and in CMYK 66.7%, 12.5%, 0.0%, 0.0%. The nearest named color is Sky Blue.

On this page

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

HEX

#55DFFF

RGB

85, 223, 255

HSL

191,3, 100,0%, 66,7%

HSV

191,3, 66,7%, 100,0%

CMYK

66,7%, 12,5%, 0,0%, 0,0%

OKLCH

0,8414 0,125 216,2

Свойства

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

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

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

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

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

#55DFFF

#FF7555

Аналогичный

#55FFCA

#558AFF

#55DFFF

Триадный

#55DFFF

#FF55DF

#DFFF55

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

#55DFFF

#FF558A

#FFCA55

Тетрадный

#55DFFF

#CA55FF

#FF7555

#8AFF55

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

Оригинал

#55DFFF

Протанопия

#9192F7

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

#897EF5

Тританопия

#5CF1F0

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

#C4C4C4

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

background-color: #55DFFF;
color: #55DFFF;
border-color: #55DFFF;
Ближайший Tailwind-оттенок: Cyan 400 #22D3EE

Оттенки Tailwind

50
#F1FBFE
100
#DEF7FC
200
#B8F2FF
300
#85E8FF
400
#42DBFF
500
#00CFFF
600
#00A6CC
700
#0084A3
800
#006780
900
#054C5C
950
#03303A

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

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

1,57:1

AA Fail AAA Fail

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

13,39:1

AA Pass AAA Pass

Сравнить с

#55DFFF
#FF7555
#55DFFF
#FFFFFF
#000000
#55DFFF

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

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

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 #55DFFF?

RGB(85, 223, 255) · HSL(191,3, 100,0%, 66,7%) · CMYK(66,7%, 12,5%, 0,0%, 0,0%)

Does #55DFFF meet WCAG contrast on white?

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

What text color is readable on #55DFFF?

Use 000000 text on a #55DFFF background; contrast on black is 13,39:1.