#396EB6

#396EB6

Overview

#396EB6 is a cool, dark color. In RGB it is 57, 110, 182, in HSL 214.6°, 52.3%, 46.9%, and in CMYK 68.7%, 39.6%, 0.0%, 28.6%. The nearest named color is NCS S 1060-B Bright Blue.

On this page

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

HEX

#396EB6

RGB

57, 110, 182

HSL

214,6, 52,3%, 46,9%

HSV

214,6, 68,7%, 71,4%

CMYK

68,7%, 39,6%, 0,0%, 28,6%

OKLCH

0,5376 0,1267 256,7

Свойства

Холодный Тёмный Ближайший: NCS S 1060-B Bright Blue

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

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.

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

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

#396EB6

#B68139

Аналогичный

#39ADB6

#4339B6

#396EB6

Триадный

#396EB6

#B6396E

#6EB639

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

#396EB6

#B64339

#ADB639

Тетрадный

#396EB6

#B639AD

#B68139

#39B643

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

Оригинал

#396EB6

Протанопия

#5050A5

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

#4D49A0

Тританопия

#3C9794

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

#686868

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

background-color: #396EB6;
color: #396EB6;
border-color: #396EB6;
Ближайший Tailwind-оттенок: Sky 700 #0369A1

Оттенки Tailwind

50
#F4F7FB
100
#E5ECF5
200
#C9D8EE
300
#A2BDE2
400
#6F99D2
500
#3D75C2
600
#315E9B
700
#274B7C
800
#1E3B61
900
#1A2D47
950
#101C2D

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

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

5,15:1

AA Pass AAA Fail

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

4,08:1

AA Fail AAA Fail

Сравнить с

#396EB6
#B68139
#396EB6
#FFFFFF
#000000
#396EB6

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #396EB6?

RGB(57, 110, 182) · HSL(214,6, 52,3%, 46,9%) · CMYK(68,7%, 39,6%, 0,0%, 28,6%)

Does #396EB6 meet WCAG contrast on white?

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

What text color is readable on #396EB6?

Use FFFFFF text on a #396EB6 background; contrast on black is 4,08:1.