#C676FD

#C676FD

Overview

#C676FD is a cool, light color. In RGB it is 198, 118, 253, in HSL 275.6°, 97.1%, 72.7%, and in CMYK 21.7%, 53.4%, 0.0%, 0.8%. The nearest named color is mediumorchid 2.

On this page

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

HEX

#C676FD

RGB

198, 118, 253

HSL

275,6, 97,1%, 72,7%

HSV

275,6, 53,4%, 99,2%

CMYK

21,7%, 53,4%, 0,0%, 0,8%

OKLCH

0,7073 0,2011 309,6

Свойства

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

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

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.

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

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

#C676FD

#ADFD76

Аналогичный

#8276FD

#FD76F0

#C676FD

Триадный

#C676FD

#FDC676

#76FDC6

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

#C676FD

#F0FD76

#76FD82

Тетрадный

#C676FD

#FD8276

#ADFD76

#76F0FD

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

Оригинал

#C676FD

Протанопия

#A3A3DC

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

#A8AED4

Тританопия

#C2C3BD

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

#919191

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

background-color: #C676FD;

color: #C676FD;

border-color: #C676FD;

Ближайший Tailwind-оттенок: Purple 400 #C084FC

Оттенки Tailwind

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

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

2,83:1

AA Fail AAA Fail

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

7,41:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(198, 118, 253) · HSL(275,6, 97,1%, 72,7%) · CMYK(21,7%, 53,4%, 0,0%, 0,8%)

Does #C676FD meet WCAG contrast on white?

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

What text color is readable on #C676FD?

Use 000000 text on a #C676FD background; contrast on black is 7,41:1.