#186BBA

#186BBA

Overview

#186BBA is a cool, dark color. In RGB it is 24, 107, 186, in HSL 209.3°, 77.1%, 41.2%, and in CMYK 87.1%, 42.5%, 0.0%, 27.1%. The nearest named color is NCS S 1060-B Bright Blue.

On this page

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

HEX

#186BBA

RGB

24, 107, 186

HSL

209,3, 77,1%, 41,2%

HSV

209,3, 87,1%, 72,9%

CMYK

87,1%, 42,5%, 0,0%, 27,1%

OKLCH

0,5234 0,1451 252,2

Свойства

Холодный Тёмный Ближайший: 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.

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

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

#186BBA

#BA6718

Аналогичный

#18BAB8

#181ABA

#186BBA

Триадный

#186BBA

#BA186B

#6BBA18

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

#186BBA

#BA181A

#BAB818

Тетрадный

#186BBA

#B818BA

#BA6718

#1ABA18

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

Оригинал

#186BBA

Протанопия

#3C3DA7

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

#3731A2

Тританопия

#1C9894

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

#5F5F5F

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

background-color: #186BBA;

color: #186BBA;

border-color: #186BBA;

Ближайший Tailwind-оттенок: Sky 600 #0284C7

Оттенки Tailwind

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

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

5,45:1

AA Pass AAA Fail

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

3,85:1

AA Fail AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #186BBA?

RGB(24, 107, 186) · HSL(209,3, 77,1%, 41,2%) · CMYK(87,1%, 42,5%, 0,0%, 27,1%)

Does #186BBA meet WCAG contrast on white?

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

What text color is readable on #186BBA?

Use FFFFFF text on a #186BBA background; contrast on black is 3,85:1.