#63ACF7

#63ACF7

Overview

#63ACF7 is a cool, light color. In RGB it is 99, 172, 247, in HSL 210.4°, 90.2%, 67.8%, and in CMYK 59.9%, 30.4%, 0.0%, 3.1%. The nearest named color is steelblue 2.

On this page

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

HEX

#63ACF7

RGB

99, 172, 247

HSL

210,4, 90,2%, 67,8%

HSV

210,4, 59,9%, 96,9%

CMYK

59,9%, 30,4%, 0,0%, 3,1%

OKLCH

0,7286 0,1321 250,7

Свойства

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

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

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.

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

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

#63ACF7

#F7AE63

Аналогичный

#63F6F7

#6463F7

#63ACF7

Триадный

#63ACF7

#F763AC

#ACF763

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

#63ACF7

#F76463

#F6F763

Тетрадный

#63ACF7

#F763F6

#F7AE63

#63F764

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

Оригинал

#63ACF7

Протанопия

#8383E5

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

#7E79E0

Тританопия

#67D7D3

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

#A2A2A2

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

background-color: #63ACF7;
color: #63ACF7;
border-color: #63ACF7;
Ближайший Tailwind-оттенок: Blue 400 #60A5FA

Оттенки Tailwind

50
#F1F7FD
100
#DFEDFB
200
#BBDBFC
300
#8BC1F9
400
#4CA0F6
500
#0C7EF3
600
#0A65C2
700
#08519B
800
#063F79
900
#093058
950
#061E37

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

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

2,39:1

AA Fail AAA Fail

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

8,77:1

AA Pass AAA Pass

Сравнить с

#63ACF7
#F7AE63
#63ACF7
#FFFFFF
#000000
#63ACF7

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #63ACF7?

RGB(99, 172, 247) · HSL(210,4, 90,2%, 67,8%) · CMYK(59,9%, 30,4%, 0,0%, 3,1%)

Does #63ACF7 meet WCAG contrast on white?

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

What text color is readable on #63ACF7?

Use 000000 text on a #63ACF7 background; contrast on black is 8,77:1.