命名颜色 · #716264
Dignified Purple
Dignified Purple 即 #716264：rgb(113 98 100)、hsl(352 7% 41%)、oklch(0.511 0.019 8.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Dignified Purple color name →
#716264
oklch(0.511 0.019 8.7)
颜色转换
- HEX
- #716264
- RGB
- rgb(113 98 100)
- HSL
- hsl(352 7% 41%)
- HWB
- hwb(352 38% 56%)
- OKLCH
- oklch(0.511 0.019 8.7)
- OKLab
- oklab(0.511 0.019 0.003)
- CIE Lab
- lab(43.07 6.48 1.19)
- LCH
- lch(43.07 6.59 10.4)
- CMYK
- cmyk(0% 13% 12% 56%)
浅色调 · 深色调 · 灰色调
浅色调
- 7E7072
- 8C7F81
- 9A8E90
- A79E9F
- B6ADAE
- C4BDBE
- D2CDCE
- E1DEDE
- F0EEEE
深色调
- 615456
- 524748
- 433A3B
- 352D2E
- 272122
- 1A1616
- 0E0B0B
- 040303
- 010000
灰色调
- 736567
- 74686A
- 766B6C
- 776E6F
- 797172
- 7A7475
- 7C7777
- 7D7A7A
- 7F7D7D
配色和谐
互补色 +180°
- 716264
Dignified Purple
- 5A6A68
≈ Mountain Pass
类似色 -30° +30°
- 716264
Dignified Purple
- 6E626A
≈ Vintage Grape
- 71635E
≈ Wright Brown
三角配色 +120° +240°
- 716264
Dignified Purple
- 63695D
≈ Belmont Green
- 5E6871
≈ King Creek Falls
分裂互补色 +150° +210°
- 716264
Dignified Purple
- 5D6A62
≈ Sage Shadow
- 5A696E
≈ Made of Steel
四角配色 +90° +180° +270°
- 716264
Dignified Purple
- 69675A
≈ Naturalism
- 5A6A68
≈ Mountain Pass
- 646572
≈ Eventide
对比度与无障碍
Ag
AA白底
WCAG 5.77:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.63:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--dignified-purple: #716264;
--dignified-purple-rgb: 113 98 100;
--dignified-purple-oklch: oklch(0.511 0.019 8.7);
}
.element {
color: var(--dignified-purple);
background-color: hsl(352 7% 41%);
border-color: oklch(0.511 0.019 8.7);
}Tailwind CSS v4
@theme {
--color-dignified-purple: #716264;
--color-dignified-purple-50: #fbf3f4;
--color-dignified-purple-100: #eee5e6;
--color-dignified-purple-200: #dcd1d2;
--color-dignified-purple-300: #c1b3b5;
--color-dignified-purple-400: #a99a9c;
--color-dignified-purple-500: #928183;
--color-dignified-purple-600: #7c6d6f;
--color-dignified-purple-700: #635759;
--color-dignified-purple-800: #494041;
--color-dignified-purple-900: #322c2d;
--color-dignified-purple-950: #1e191a;
}SCSS
$dignified-purple: #716264;
$dignified-purple-rgb: 113, 98, 100;
$dignified-purple-light: mix(#fff, $dignified-purple, 20%);
$dignified-purple-dark: mix(#000, $dignified-purple, 20%);
.element {
color: $dignified-purple;
box-shadow: 0 0 0 2px rgba($dignified-purple, 0.35);
}