#86DDF9

#86DDF9

Overview

#86DDF9 is a cool, light color. In RGB it is 134, 221, 249, in HSL 194.6°, 90.6%, 75.1%, and in CMYK 46.2%, 11.2%, 0.0%, 2.4%. The nearest named color is skyblue.

On this page

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

HEX

#86DDF9

RGB

134, 221, 249

HSL

194,6, 90,6%, 75,1%

HSV

194,6, 46,2%, 97,6%

CMYK

46,2%, 11,2%, 0,0%, 2,4%

OKLCH

0,8525 0,0925 220,6

Свойства

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

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

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.

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

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

#86DDF9

#F9A286

Аналогичный

#86F9DC

#86A4F9

#86DDF9

Триадный

#86DDF9

#F986DD

#DDF986

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

#86DDF9

#F986A4

#F9DC86

Тетрадный

#86DDF9

#DC86F9

#F9A286

#A4F986

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

Оригинал

#86DDF9

Протанопия

#ACACF2

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

#A7A0F1

Тританопия

#8AEDEC

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

#CDCDCD

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

background-color: #86DDF9;

color: #86DDF9;

border-color: #86DDF9;

Ближайший Tailwind-оттенок: Sky 300 #7DD3FC

Оттенки Tailwind

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

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

1,53:1

AA Fail AAA Fail

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

13,72:1

AA Pass AAA Pass

Сравнить с

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

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

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 #86DDF9?

RGB(134, 221, 249) · HSL(194,6, 90,6%, 75,1%) · CMYK(46,2%, 11,2%, 0,0%, 2,4%)

Does #86DDF9 meet WCAG contrast on white?

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

What text color is readable on #86DDF9?

Use 000000 text on a #86DDF9 background; contrast on black is 13,72:1.