#B577F0

#B577F0

Overview

#B577F0 is a cool, light color. In RGB it is 181, 119, 240, in HSL 270.7°, 80.1%, 70.4%, and in CMYK 24.6%, 50.4%, 0.0%, 5.9%. The nearest named color is mediumpurple 1.

On this page

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

HEX

#B577F0

RGB

181, 119, 240

HSL

270,7, 80,1%, 70,4%

HSV

270,7, 50,4%, 94,1%

CMYK

24,6%, 50,4%, 0,0%, 5,9%

OKLCH

0,6837 0,1798 305,8

Свойства

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

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

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

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

#B577F0

#B2F077

Аналогичный

#7877F0

#F077EF

#B577F0

Триадный

#B577F0

#F0B577

#77F0B5

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

#B577F0

#EFF077

#77F078

Тетрадный

#B577F0

#F07877

#B2F077

#77EFF0

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

Оригинал

#B577F0

Протанопия

#9A9AD3

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

#9EA2CC

Тританопия

#B2BCB7

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

#8D8D8D

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

background-color: #B577F0;
color: #B577F0;
border-color: #B577F0;
Ближайший Tailwind-оттенок: Purple 400 #C084FC

Оттенки Tailwind

50
#F7F2FD
100
#EDE1F9
200
#DCBFF8
300
#C391F3
400
#A255EC
500
#8219E6
600
#6814B8
700
#531093
800
#410D73
900
#310E53
950
#1F0935

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

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

3,06:1

AA Fail AAA Fail

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

6,86:1

AA Pass AAA Fail

Сравнить с

#B577F0
#B2F077
#B577F0
#FFFFFF
#000000
#B577F0

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(181, 119, 240) · HSL(270,7, 80,1%, 70,4%) · CMYK(24,6%, 50,4%, 0,0%, 5,9%)

Does #B577F0 meet WCAG contrast on white?

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

What text color is readable on #B577F0?

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