#968897

#968897

颜色值

HEX

#968897

RGB

150, 136, 151

HSL

296.0, 6.7%, 56.3%

HSV

296.0, 9.9%, 59.2%

CMYK

0.7%, 9.9%, 0.0%, 40.8%

OKLCH

0.644 0.0274 323.9

属性

冷色 浅色 最接近： thistle 4

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

配色方案

互补色

#968897

#899788

类似色

#8F8897

#978891

#968897

三角配色

#968897

#979688

#889796

分裂互补色

#968897

#919788

#88978F

四角配色

#968897

#978F88

#899788

#889197

色觉模拟

原始

#968897

红色盲

#909093

绿色盲

#919292

蓝色盲

#959190

全色盲

#8C8C8C

CSS 用法

background-color: #968897;
color: #968897;
border-color: #968897;
最接近的 Tailwind： Zinc 400 #A1A1AA

Tailwind 色阶

50
#F8F7F8
100
#EEECEE
200
#DDD9DE
300
#C5BEC6
400
#A69AA7
500
#877788
600
#6C5F6D
700
#564C57
800
#433B44
900
#332E33
950
#201D20

对比度检查器

白底文字

3.35:1

AA Fail AAA Fail

黑底文字

6.27:1

AA Pass AAA Fail

与之比较

#968897
#899788
#968897
#FFFFFF
#000000
#968897

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(150, 136, 151) · HSL(296.0, 6.7%, 56.3%) · CMYK(0.7%, 9.9%, 0.0%, 40.8%)

Does #968897 meet WCAG contrast on white?

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

What text color is readable on #968897?

Use 000000 text on a #968897 background; contrast on black is 6.27:1.