#F67CBA

#F67CBA

Overview

#F67CBA is a warm, light color. In RGB it is 246, 124, 186, in HSL 329.5°, 87.1%, 72.5%, and in CMYK 0.0%, 49.6%, 24.4%, 3.5%. The nearest named color is hotpink 2.

On this page

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

HEX

#F67CBA

RGB

246, 124, 186

HSL

329,5, 87,1%, 72,5%

HSV

329,5, 49,6%, 96,5%

CMYK

0,0%, 49,6%, 24,4%, 3,5%

OKLCH

0,7428 0,1637 350,1

Свойства

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

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

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

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

#F67CBA

#7CF6B8

Аналогичный

#F57CF6

#F67C7D

#F67CBA

Триадный

#F67CBA

#BAF67C

#7CBAF6

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

#F67CBA

#7DF67C

#7CF6F5

Тетрадный

#F67CBA

#F6F57C

#7CF6B8

#7C7DF6

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

Оригинал

#F67CBA

Протанопия

#C1C0AB

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

#C8D1A7

Тританопия

#F09F9D

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

#9A9A9A

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

background-color: #F67CBA;
color: #F67CBA;
border-color: #F67CBA;
Ближайший Tailwind-оттенок: Pink 400 #F472B6

Оттенки Tailwind

50
#FDF2F7
100
#FAE0ED
200
#FABCDC
300
#F78CC3
400
#F34EA2
500
#EF1081
600
#BF0D67
700
#990B53
800
#770841
900
#560A31
950
#37071F

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

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

2,47:1

AA Fail AAA Fail

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

8,51:1

AA Pass AAA Pass

Сравнить с

#F67CBA
#7CF6B8
#F67CBA
#FFFFFF
#000000
#F67CBA

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

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

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

RGB(246, 124, 186) · HSL(329,5, 87,1%, 72,5%) · CMYK(0,0%, 49,6%, 24,4%, 3,5%)

Does #F67CBA meet WCAG contrast on white?

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

What text color is readable on #F67CBA?

Use 000000 text on a #F67CBA background; contrast on black is 8,51:1.