#32BAFB

#32BAFB

Overview

#32BAFB is a cool, light color. In RGB it is 50, 186, 251, in HSL 199.4°, 96.2%, 59.0%, and in CMYK 80.1%, 25.9%, 0.0%, 1.6%. The nearest named color is deepskyblue.

On this page

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

HEX

#32BAFB

RGB

50, 186, 251

HSL

199,4, 96,2%, 59,0%

HSV

199,4, 80,1%, 98,4%

CMYK

80,1%, 25,9%, 0,0%, 1,6%

OKLCH

0,7469 0,1451 235,2

Свойства

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

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

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

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

#32BAFB

#FB7332

Аналогичный

#32FBD7

#3255FB

#32BAFB

Триадный

#32BAFB

#FB32BA

#BAFB32

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

#32BAFB

#FB3255

#FBD732

Тетрадный

#32BAFB

#D732FB

#FB7332

#55FB32

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

Оригинал

#32BAFB

Протанопия

#6D6EEB

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

#655BE8

Тританопия

#39DFDC

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

#A2A2A2

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

background-color: #32BAFB;
color: #32BAFB;
border-color: #32BAFB;
Ближайший Tailwind-оттенок: Sky 400 #38BDF8

Оттенки Tailwind

50
#F1FAFE
100
#DFF2FC
200
#B9E7FE
300
#87D7FD
400
#46C1FB
500
#05ABFA
600
#0489C8
700
#036DA0
800
#02557D
900
#073F5A
950
#042839

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

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

2,2:1

AA Fail AAA Fail

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

9,55:1

AA Pass AAA Pass

Сравнить с

#32BAFB
#FB7332
#32BAFB
#FFFFFF
#000000
#32BAFB

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

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

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 #32BAFB?

RGB(50, 186, 251) · HSL(199,4, 96,2%, 59,0%) · CMYK(80,1%, 25,9%, 0,0%, 1,6%)

Does #32BAFB meet WCAG contrast on white?

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

What text color is readable on #32BAFB?

Use 000000 text on a #32BAFB background; contrast on black is 9,55:1.