#673DBD

#673DBD

Overview

#673DBD is a cool, dark color. In RGB it is 103, 61, 189, in HSL 259.7°, 51.2%, 49.0%, and in CMYK 45.5%, 67.7%, 0.0%, 25.9%. The nearest named color is Purple Heart.

On this page

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

HEX

#673DBD

RGB

103, 61, 189

HSL

259,7, 51,2%, 49,0%

HSV

259,7, 67,7%, 74,1%

CMYK

45,5%, 67,7%, 0,0%, 25,9%

OKLCH

0,4832 0,1895 293,0

Свойства

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

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

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.

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

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

#673DBD

#93BD3D

Аналогичный

#3D53BD

#A73DBD

#673DBD

Триадный

#673DBD

#BD673D

#3DBD67

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

#673DBD

#BDA73D

#53BD3D

Тетрадный

#673DBD

#BD3D53

#93BD3D

#3DBDA7

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

Оригинал

#673DBD

Протанопия

#55549E

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

#575A97

Тританопия

#658680

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

#4F4F4F

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

background-color: #673DBD;
color: #673DBD;
border-color: #673DBD;
Ближайший Tailwind-оттенок: Purple 800 #6B21A8

Оттенки Tailwind

50
#F6F4FB
100
#EAE5F5
200
#D5C9EE
300
#B7A2E1
400
#9070D1
500
#693EC1
600
#54329A
700
#43287B
800
#351F60
900
#291A47
950
#1A102D

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

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

7,05:1

AA Pass AAA Pass

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

2,98:1

AA Fail AAA Fail

Сравнить с

#673DBD
#93BD3D
#673DBD
#FFFFFF
#000000
#673DBD

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

What are the RGB, HSL, and CMYK values of #673DBD?

RGB(103, 61, 189) · HSL(259,7, 51,2%, 49,0%) · CMYK(45,5%, 67,7%, 0,0%, 25,9%)

Does #673DBD meet WCAG contrast on white?

7,05:1 — WCAG AA Соответствует, AAA Соответствует for normal text.

What text color is readable on #673DBD?

Use FFFFFF text on a #673DBD background; contrast on black is 2,98:1.