#B22DF6

#B22DF6

Overview

#B22DF6 is a cool, light color. In RGB it is 178, 45, 246, in HSL 279.7°, 91.8%, 57.1%, and in CMYK 27.6%, 81.7%, 0.0%, 3.5%. The nearest named color is darkorchid 1.

On this page

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

HEX

#B22DF6

RGB

178, 45, 246

HSL

279,7, 91,8%, 57,1%

HSV

279,7, 81,7%, 96,5%

CMYK

27,6%, 81,7%, 0,0%, 3,5%

OKLCH

0,6008 0,2747 310,2

Свойства

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

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

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

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

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

#B22DF6

#71F62D

Аналогичный

#4E2DF6

#F62DD6

#B22DF6

Триадный

#B22DF6

#F6B22D

#2DF6B2

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

#B22DF6

#D6F62D

#2DF64E

Тетрадный

#B22DF6

#F64E2D

#71F62D

#2DD6F6

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

Оригинал

#B22DF6

Протанопия

#7877C5

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

#808ABA

Тританопия

#AB9F97

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

#585858

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

background-color: #B22DF6;

color: #B22DF6;

border-color: #B22DF6;

Ближайший Tailwind-оттенок: Purple 600 #9333EA

Оттенки Tailwind

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

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

4,57:1

AA Pass AAA Fail

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

4,6:1

AA Pass AAA Fail

Сравнить с

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

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

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 #B22DF6?

RGB(178, 45, 246) · HSL(279,7, 91,8%, 57,1%) · CMYK(27,6%, 81,7%, 0,0%, 3,5%)

Does #B22DF6 meet WCAG contrast on white?

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

What text color is readable on #B22DF6?

Use 000000 text on a #B22DF6 background; contrast on black is 4,6:1.