#F7D0ED

#F7D0ED

颜色值

HEX

#F7D0ED

RGB

247, 208, 237

HSL

315.4, 70.9%, 89.2%

HSV

315.4, 15.8%, 96.9%

CMYK

0.0%, 15.8%, 4.0%, 3.1%

OKLCH

0.8992 0.0576 335.2

属性

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

配色方案

互补色

#F7D0ED

#D0F7DA

类似色

#EDD0F7

#F7D0D9

#F7D0ED

三角配色

#F7D0ED

#EDF7D0

#D0EDF7

分裂互补色

#F7D0ED

#D9F7D0

#D0F7ED

四角配色

#F7D0ED

#F7EDD0

#D0F7DA

#D0D9F7

色觉模拟

原始

#F7D0ED

红色盲

#E6E6E6

绿色盲

#E8EBE4

蓝色盲

#F5E0DF

全色盲

#DADADA

CSS 用法

background-color: #F7D0ED;
color: #F7D0ED;
border-color: #F7D0ED;
最接近的 Tailwind： Pink 200 #FBCFE8

Tailwind 色阶

50
#FCF3FA
100
#F8E2F2
200
#F5C2E8
300
#ED96D7
400
#E45EC1
500
#DA25AB
600
#AE1E89
700
#8B186E
800
#6D1356
900
#4F123F
950
#320B28

对比度检查器

白底文字

1.38:1

AA Fail AAA Fail

黑底文字

15.2:1

AA Pass AAA Pass

与之比较

#F7D0ED
#D0F7DA
#F7D0ED
#FFFFFF
#000000
#F7D0ED

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026