#F663A2

#F663A2

Overview

#F663A2 is a warm, light color. In RGB it is 246, 99, 162, in HSL 334.3°, 89.1%, 67.6%, and in CMYK 0.0%, 59.8%, 34.1%, 3.5%. The nearest named color is hotpink 2.

On this page

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

HEX

#F663A2

RGB

246, 99, 162

HSL

334,3, 89,1%, 67,6%

HSV

334,3, 59,8%, 96,5%

CMYK

0,0%, 59,8%, 34,1%, 3,5%

OKLCH

0,7025 0,1896 356,4

Свойства

Тёплый Светлый Ближайший: hotpink 2

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

Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.

Design Usage

Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.

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

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

#F663A2

#63F6B7

Аналогичный

#F663EB

#F66D63

#F663A2

Триадный

#F663A2

#A2F663

#63A2F6

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

#F663A2

#63F66D

#63EBF6

Тетрадный

#F663A2

#EBF663

#63F6B7

#6D63F6

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

Оригинал

#F663A2

Протанопия

#B6B593

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

#BFCA8F

Тританопия

#EF8784

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

#878787

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

background-color: #F663A2;

color: #F663A2;

border-color: #F663A2;

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

Оттенки Tailwind

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

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

2,91:1

AA Fail AAA Fail

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

7,23: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 #F663A2?

RGB(246, 99, 162) · HSL(334,3, 89,1%, 67,6%) · CMYK(0,0%, 59,8%, 34,1%, 3,5%)

Does #F663A2 meet WCAG contrast on white?

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

What text color is readable on #F663A2?

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