#AB77FF

#AB77FF

Overview

#AB77FF is a cool, light color. In RGB it is 171, 119, 255, in HSL 262.9°, 100.0%, 73.3%, and in CMYK 32.9%, 53.3%, 0.0%, 0.0%. The nearest named color is mediumpurple 1.

On this page

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

HEX

#AB77FF

RGB

171, 119, 255

HSL

262,9, 100,0%, 73,3%

HSV

262,9, 53,3%, 100,0%

CMYK

32,9%, 53,3%, 0,0%, 0,0%

OKLCH

0,6825 0,1955 298,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.

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

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

#AB77FF

#CBFF77

Аналогичный

#7787FF

#EF77FF

#AB77FF

Триадный

#AB77FF

#FFAB77

#77FFAB

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

#AB77FF

#FFEF77

#87FF77

Тетрадный

#AB77FF

#FF7787

#CBFF77

#77FFEF

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

Оригинал

#AB77FF

Протанопия

#9494DE

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

#989BD6

Тританопия

#A8C4BE

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

#8C8C8C

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

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

Оттенки Tailwind

50
#F6F1FE
100
#EADEFC
200
#D3B8FF
300
#B385FF
400
#8A42FF
500
#6100FF
600
#4E00CC
700
#3E00A3
800
#310080
900
#26055C
950
#18033A

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

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

3,08:1

AA Fail AAA Fail

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

6,81:1

AA Pass AAA Fail

Сравнить с

#AB77FF
#CBFF77
#AB77FF
#FFFFFF
#000000
#AB77FF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(171, 119, 255) · HSL(262,9, 100,0%, 73,3%) · CMYK(32,9%, 53,3%, 0,0%, 0,0%)

Does #AB77FF meet WCAG contrast on white?

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

What text color is readable on #AB77FF?

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