#316ABC

#316ABC

Overview

#316ABC is a cool, dark color. In RGB it is 49, 106, 188, in HSL 215.4°, 58.6%, 46.5%, and in CMYK 73.9%, 43.6%, 0.0%, 26.3%. The nearest named color is Denim.

On this page

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

HEX

#316ABC

RGB

49, 106, 188

HSL

215,4, 58,6%, 46,5%

HSV

215,4, 73,9%, 73,7%

CMYK

73,9%, 43,6%, 0,0%, 26,3%

OKLCH

0,5293 0,1422 257,9

Свойства

Холодный Тёмный Ближайший: Denim

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

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.

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

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

#316ABC

#BC8331

Аналогичный

#31B0BC

#3E31BC

#316ABC

Триадный

#316ABC

#BC316A

#6ABC31

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

#316ABC

#BC3E31

#B0BC31

Тетрадный

#316ABC

#BC31B0

#BC8331

#31BC3E

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

Оригинал

#316ABC

Протанопия

#4A4AA8

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

#4642A3

Тританопия

#349895

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

#646464

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

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

Оттенки Tailwind

50
#F4F7FB
100
#E4ECF6
200
#C6D8F0
300
#9EBBE6
400
#6997D8
500
#3572CA
600
#2A5BA2
700
#224981
800
#1A3965
900
#172C4A
950
#0E1C2F

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

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

5,36:1

AA Pass AAA Fail

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

3,92:1

AA Fail AAA Fail

Сравнить с

#316ABC
#BC8331
#316ABC
#FFFFFF
#000000
#316ABC

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #316ABC?

RGB(49, 106, 188) · HSL(215,4, 58,6%, 46,5%) · CMYK(73,9%, 43,6%, 0,0%, 26,3%)

Does #316ABC meet WCAG contrast on white?

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

What text color is readable on #316ABC?

Use FFFFFF text on a #316ABC background; contrast on black is 3,92:1.