#9ADAF0

#9ADAF0

Overview

#9ADAF0 is a cool, light color. In RGB it is 154, 218, 240, in HSL 195.3°, 74.1%, 77.3%, and in CMYK 35.8%, 9.2%, 0.0%, 5.9%. The nearest named color is skyblue.

On this page

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

HEX

#9ADAF0

RGB

154, 218, 240

HSL

195,3, 74,1%, 77,3%

HSV

195,3, 35,8%, 94,1%

CMYK

35,8%, 9,2%, 0,0%, 5,9%

OKLCH

0,8528 0,0715 221,3

Свойства

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

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

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

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

#9ADAF0

#F0B09A

Аналогичный

#9AF0DB

#9AAFF0

#9ADAF0

Триадный

#9ADAF0

#F09ADA

#DAF09A

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

#9ADAF0

#F09AAF

#F0DB9A

Тетрадный

#9ADAF0

#DB9AF0

#F0B09A

#AFF09A

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

Оригинал

#9ADAF0

Протанопия

#B6B6EB

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

#B2ADE9

Тританопия

#9DE6E6

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

#CECECE

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

background-color: #9ADAF0;
color: #9ADAF0;
border-color: #9ADAF0;
Ближайший Tailwind-оттенок: Sky 200 #BAE6FD

Оттенки Tailwind

50
#F3FAFC
100
#E2F3F8
200
#C1E8F6
300
#94D8EF
400
#5BC3E7
500
#21AEDE
600
#1A8BB2
700
#156F8E
800
#11576F
900
#104051
950
#0A2933

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

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

1,54:1

AA Fail AAA Fail

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

13,66:1

AA Pass AAA Pass

Сравнить с

#9ADAF0
#F0B09A
#9ADAF0
#FFFFFF
#000000
#9ADAF0

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

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

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 #9ADAF0?

RGB(154, 218, 240) · HSL(195,3, 74,1%, 77,3%) · CMYK(35,8%, 9,2%, 0,0%, 5,9%)

Does #9ADAF0 meet WCAG contrast on white?

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

What text color is readable on #9ADAF0?

Use 000000 text on a #9ADAF0 background; contrast on black is 13,66:1.