Nearest named color · #9C004D
#9C004D
Nearest named color: Aristocratic Velvet
#9C004D (rgb(156 0 77), hsl(330 100% 31%), oklch(0.447 0.181 1.8)) is closest to the named color Aristocratic Velvet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9C004D
oklch(0.447 0.181 1.8)
Color conversions
- HEX
- #9c004d
- RGB
- rgb(156 0 77)
- HSL
- hsl(330 100% 31%)
- HWB
- hwb(330 0% 39%)
- OKLCH
- oklch(0.447 0.181 1.8)
- OKLab
- oklab(0.447 0.181 0.006)
- CIE Lab
- lab(33.66 58.14 3.26)
- LCH
- lch(33.66 58.24 3.2)
- CMYK
- cmyk(0% 100% 51% 39%)
Tints · Shades · Tones
Tints
- A92E5D
- B5496D
- C1617E
- CB7790
- D68EA1
- DFA4B3
- E8BBC6
- F0D1D9
- F8E8EC
Shades
- 870042
- 730037
- 5F002C
- 4C0022
- 390018
- 28000F
- 180007
- 090002
- 010000
Tones
- 9B1F52
- 9A3057
- 993D5C
- 974861
- 945366
- 925C6B
- 8E6670
- 8A6F75
- 86777B
Color harmonies
Complementary +180°
- 9C004D
Aristocratic Velvet
- 006358
≈ Dancing Peacock
Analogous -30° +30°
- 9C004D
Aristocratic Velvet
- 891A80
≈ Noble Plum
- 9D1700
≈ Totem Pole
Triadic +120° +240°
- 9C004D
Aristocratic Velvet
- 4B5D00
≈ Kyuri Green
- 005A8A
≈ Buccaneer Blue
Split-complementary +150° +210°
- 9C004D
Aristocratic Velvet
- 006631
≈ Treasured Wilderness
- 00606D
≈ Shaded Spruce
Tetradic +90° +180° +270°
- 9C004D
Aristocratic Velvet
- 675200
≈ Olive Brown
- 006358
≈ Dancing Peacock
- 3643B6
≈ Early Spring Night
Contrast & accessibility
Ag
AAAOn white
WCAG 8.33:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.52:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 8.33:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--aristocratic-velvet: #9c004d;
--aristocratic-velvet-rgb: 156 0 77;
--aristocratic-velvet-oklch: oklch(0.447 0.181 1.8);
}
.element {
color: var(--aristocratic-velvet);
background-color: hsl(330 100% 31%);
border-color: oklch(0.447 0.181 1.8);
}Tailwind CSS v4
@theme {
--color-aristocratic-velvet: #9c004d;
--color-aristocratic-velvet-50: #ffe0ef;
--color-aristocratic-velvet-100: #ffcfe1;
--color-aristocratic-velvet-200: #ffb3cb;
--color-aristocratic-velvet-300: #ff8dad;
--color-aristocratic-velvet-400: #f16a96;
--color-aristocratic-velvet-500: #df417d;
--color-aristocratic-velvet-600: #bc396a;
--color-aristocratic-velvet-700: #982d55;
--color-aristocratic-velvet-800: #711f40;
--color-aristocratic-velvet-900: #4f152c;
--color-aristocratic-velvet-950: #340519;
}SCSS
$aristocratic-velvet: #9c004d;
$aristocratic-velvet-rgb: 156, 0, 77;
$aristocratic-velvet-light: mix(#fff, $aristocratic-velvet, 20%);
$aristocratic-velvet-dark: mix(#000, $aristocratic-velvet, 20%);
.element {
color: $aristocratic-velvet;
box-shadow: 0 0 0 2px rgba($aristocratic-velvet, 0.35);
}