royalblue 2

#436EEE

X11 color

Royalblue 2 (#436EEE) is a medium-bright, vivid blue from the X11 Royal Blue series, positioned between the lightest and middle variants of the calibrated family. Its blend of brightness and depth makes it useful for primary action colours in digital interfaces, logo design, and informational graphics. The cool blue-purple quality maintains the authority of royal blue while offering greater versatility across a range of design contexts.

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

HEX

#436EEE

RGB

67, 110, 238

HSL

224,9, 83,4%, 59,8%

HSV

224,9, 71,8%, 93,3%

CMYK

71,8%, 53,8%, 0,0%, 6,7%

OKLCH

0,5802 0,1988 266,2

Свойства

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

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

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.

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

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

Аналогичный

Триадный

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

Тетрадный

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

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

background-color: #436EEE;
color: #436EEE;
border-color: #436EEE;
Ближайший Tailwind-оттенок: Blue 600 #2563EB

Оттенки Tailwind

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

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

4,46:1

AA Fail AAA Fail

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

4,7:1

AA Pass AAA Fail

Сравнить с

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

What are the RGB, HSL, and CMYK values of #436EEE?

RGB(67, 110, 238) · HSL(224,9, 83,4%, 59,8%) · CMYK(71,8%, 53,8%, 0,0%, 6,7%)

Does #436EEE meet WCAG contrast on white?

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

What text color is readable on #436EEE?

Use 000000 text on a #436EEE background; contrast on black is 4,7:1.