#F58FD0

#F58FD0

颜色值

HEX

#F58FD0

RGB

245, 143, 208

HSL

321.8, 83.6%, 76.1%

HSV

321.8, 41.6%, 96.1%

CMYK

0.0%, 41.6%, 15.1%, 3.9%

OKLCH

0.7771 0.1454 342.2

属性

暖色 浅色 最接近： plum

色彩心理学

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.

配色方案

互补色

#F58FD0

#8FF5B4

类似色

#E78FF5

#F58F9D

#F58FD0

三角配色

#F58FD0

#D0F58F

#8FD0F5

分裂互补色

#F58FD0

#9DF58F

#8FF5E7

四角配色

#F58FD0

#F5E78F

#8FF5B4

#8F9DF5

色觉模拟

原始

#F58FD0

红色盲

#C9C8C0

绿色盲

#CFD6BC

蓝色盲

#F0B4B1

全色盲

#A9A9A9

CSS 用法

background-color: #F58FD0;
color: #F58FD0;
border-color: #F58FD0;
最接近的 Tailwind： Pink 400 #F472B6

Tailwind 色阶

50
#FDF2F9
100
#FAE0F1
200
#F9BDE3
300
#F58FD0
400
#F052B6
500
#EA159D
600
#BB117D
700
#960D64
800
#750A4E
900
#550C3A
950
#360825

对比度检查器

白底文字

2.16:1

AA Fail AAA Fail

黑底文字

9.72:1

AA Pass AAA Pass

与之比较

#F58FD0
#8FF5B4
#F58FD0
#FFFFFF
#000000
#F58FD0

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026