#87CFD3

#87CFD3

Overview

#87CFD3 is a cool, light color. In RGB it is 135, 207, 211, in HSL 183.2°, 46.3%, 67.8%, and in CMYK 36.0%, 1.9%, 0.0%, 17.3%. The nearest named color is cadetblue 3.

On this page

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

HEX

#87CFD3

RGB

135, 207, 211

HSL

183,2, 46,3%, 67,8%

HSV

183,2, 36,0%, 82,7%

CMYK

36,0%, 1,9%, 0,0%, 17,3%

OKLCH

0,8086 0,0721 200,3

Свойства

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

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

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.

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

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

#87CFD3

#D38B87

Аналогичный

#87D3B1

#87A9D3

#87CFD3

Триадный

#87CFD3

#D387CF

#CFD387

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

#87CFD3

#D387A9

#D3B187

Тетрадный

#87CFD3

#B187D3

#D38B87

#A9D387

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

Оригинал

#87CFD3

Протанопия

#A6A7D2

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

#A29DD2

Тританопия

#8BD1D1

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

#C0C0C0

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

background-color: #87CFD3;

color: #87CFD3;

border-color: #87CFD3;

Ближайший Tailwind-оттенок: Cyan 200 #A5F3FC

Оттенки Tailwind

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

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

1,77:1

AA Fail AAA Fail

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

11,9:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(135, 207, 211) · HSL(183,2, 46,3%, 67,8%) · CMYK(36,0%, 1,9%, 0,0%, 17,3%)

Does #87CFD3 meet WCAG contrast on white?

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

What text color is readable on #87CFD3?

Use 000000 text on a #87CFD3 background; contrast on black is 11,9:1.