#3976CB

#3976CB

Overview

#3976CB is a cool, light color. In RGB it is 57, 118, 203, in HSL 214.9°, 58.4%, 51.0%, and in CMYK 71.9%, 41.9%, 0.0%, 20.4%. The nearest named color is dodgerblue 3.

On this page

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

HEX

#3976CB

RGB

57, 118, 203

HSL

214,9, 58,4%, 51,0%

HSV

214,9, 71,9%, 79,6%

CMYK

71,9%, 41,9%, 0,0%, 20,4%

OKLCH

0,5685 0,146 257,3

Свойства

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

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

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.

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

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

#3976CB

#CB8E39

Аналогичный

#39BFCB

#4539CB

#3976CB

Триадный

#3976CB

#CB3976

#76CB39

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

#3976CB

#CB4539

#BFCB39

Тетрадный

#3976CB

#CB39BF

#CB8E39

#39CB45

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

Оригинал

#3976CB

Протанопия

#5354B6

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

#504BB2

Тританопия

#3CA6A3

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

#6F6F6F

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

background-color: #3976CB;
color: #3976CB;
border-color: #3976CB;
Ближайший Tailwind-оттенок: Sky 600 #0284C7

Оттенки Tailwind

50
#F4F7FB
100
#E4ECF6
200
#C6D8F0
300
#9EBCE6
400
#6A98D8
500
#3573CA
600
#2A5CA2
700
#224A81
800
#1B3A65
900
#172C4A
950
#0F1C2F

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

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

4,54:1

AA Pass AAA Fail

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

4,63:1

AA Pass AAA Fail

Сравнить с

#3976CB
#CB8E39
#3976CB
#FFFFFF
#000000
#3976CB

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

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

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 #3976CB?

RGB(57, 118, 203) · HSL(214,9, 58,4%, 51,0%) · CMYK(71,9%, 41,9%, 0,0%, 20,4%)

Does #3976CB meet WCAG contrast on white?

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

What text color is readable on #3976CB?

Use 000000 text on a #3976CB background; contrast on black is 4,63:1.