#506EF1

#506EF1

Overview

#506EF1 is a cool, light color. In RGB it is 80, 110, 241, in HSL 228.8°, 85.2%, 62.9%, and in CMYK 66.8%, 54.4%, 0.0%, 5.5%. The nearest named color is royalblue 2.

On this page

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

HEX

#506EF1

RGB

80, 110, 241

HSL

228,8, 85,2%, 62,9%

HSV

228,8, 66,8%, 94,5%

CMYK

66,8%, 54,4%, 0,0%, 5,5%

OKLCH

0,5886 0,1991 269,6

Свойства

Холодный Светлый Ближайший: 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.

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

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

#506EF1

#F1D350

Аналогичный

#50BEF1

#8250F1

#506EF1

Триадный

#506EF1

#F1506E

#6EF150

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

#506EF1

#F18250

#BEF150

Тетрадный

#506EF1

#F150BE

#F1D350

#50F182

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

Оригинал

#506EF1

Протанопия

#5D5DD1

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

#5B59CA

Тританопия

#52B8B3

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

#717171

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

background-color: #506EF1;

color: #506EF1;

border-color: #506EF1;

Ближайший Tailwind-оттенок: Blue 600 #2563EB

Оттенки Tailwind

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

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

4,34:1

AA Fail AAA Fail

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

4,84:1

AA Pass AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

What are the RGB, HSL, and CMYK values of #506EF1?

RGB(80, 110, 241) · HSL(228,8, 85,2%, 62,9%) · CMYK(66,8%, 54,4%, 0,0%, 5,5%)

Does #506EF1 meet WCAG contrast on white?

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

What text color is readable on #506EF1?

Use 000000 text on a #506EF1 background; contrast on black is 4,84:1.