#88198B

#88198B

颜色值

HEX

#88198B

RGB

136, 25, 139

HSL

298.4, 69.5%, 32.2%

HSV

298.4, 82.0%, 54.5%

CMYK

2.2%, 82.0%, 0.0%, 45.5%

OKLCH

0.4525 0.1899 327.0

属性

冷色 深色 最接近： purple

色彩心理学

Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.

Design Usage

Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.

配色方案

互补色

#88198B

#1C8B19

类似色

#4F198B

#8B1955

#88198B

三角配色

#88198B

#8B8819

#198B88

分裂互补色

#88198B

#558B19

#198B4F

四角配色

#88198B

#8B4F19

#1C8B19

#19558B

色觉模拟

原始

#88198B

红色盲

#58576F

绿色盲

#5E6769

蓝色盲

#825A55

全色盲

#393939

CSS 用法

background-color: #88198B;
color: #88198B;
border-color: #88198B;
最接近的 Tailwind： Fuchsia 800 #86198F

Tailwind 色阶

50
#FCF3FC
100
#F7E3F8
200
#F3C2F4
300
#EA97EC
400
#DF5FE2
500
#D327D8
600
#A91FAD
700
#87198A
800
#6A136C
900
#4D124F
950
#310B32

对比度检查器

白底文字

8.21:1

AA Pass AAA Pass

黑底文字

2.56:1

AA Fail AAA Fail

与之比较

#88198B
#1C8B19
#88198B
#FFFFFF
#000000
#88198B

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(136, 25, 139) · HSL(298.4, 69.5%, 32.2%) · CMYK(2.2%, 82.0%, 0.0%, 45.5%)

Does #88198B meet WCAG contrast on white?

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

What text color is readable on #88198B?

Use FFFFFF text on a #88198B background; contrast on black is 2.56:1.