لون مسمّى · #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);
}