#F381F2

#F381F2

颜色值

HEX

#F381F2

RGB

243, 129, 242

HSL

300.5, 82.6%, 72.9%

HSV

300.5, 46.9%, 95.3%

CMYK

0.0%, 46.9%, 0.4%, 4.7%

OKLCH

0.7682 0.1943 327.6

属性

暖色 浅色 最接近： orchid 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.

配色方案

互补色

#F381F2

#81F382

类似色

#BB81F3

#F381B9

#F381F2

三角配色

#F381F2

#F2F381

#81F2F3

分裂互补色

#F381F2

#B9F381

#81F3BB

四角配色

#F381F2

#F3BB81

#81F382

#81B9F3

色觉模拟

原始

#F381F2

红色盲

#C2C1D7

绿色盲

#C8D1D0

蓝色盲

#EDC1BC

全色盲

#A1A1A1

CSS 用法

background-color: #F381F2;
color: #F381F2;
border-color: #F381F2;
最接近的 Tailwind： Fuchsia 400 #E879F9

Tailwind 色阶

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F48FF4
400
#EF53ED
500
#E916E7
600
#BA12B9
700
#950E94
800
#740B74
900
#540C54
950
#350835

对比度检查器

白底文字

2.27:1

AA Fail AAA Fail

黑底文字

9.23:1

AA Pass AAA Pass

与之比较

#F381F2
#81F382
#F381F2
#FFFFFF
#000000
#F381F2

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026

常见问题

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

RGB(243, 129, 242) · HSL(300.5, 82.6%, 72.9%) · CMYK(0.0%, 46.9%, 0.4%, 4.7%)

Does #F381F2 meet WCAG contrast on white?

2.27:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #F381F2?

Use 000000 text on a #F381F2 background; contrast on black is 9.23:1.