Nearest named color · #4B335C
#4B335C
Nearest named color: Royal Crown
#4B335C (rgb(75 51 92), hsl(275 29% 28%), oklch(0.367 0.074 310.1)) is closest to the named color Royal Crown. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4B335C
oklch(0.367 0.074 310.1)
Color conversions
- HEX
- #4b335c
- RGB
- rgb(75 51 92)
- HSL
- hsl(275 29% 28%)
- HWB
- hwb(275 20% 64%)
- OKLCH
- oklch(0.367 0.074 310.1)
- OKLab
- oklab(0.367 0.048 -0.057)
- CIE Lab
- lab(25.53 17.75 -20.52)
- LCH
- lch(25.53 27.13 310.9)
- CMYK
- cmyk(18% 45% 0% 64%)
Tints · Shades · Tones
Tints
- 5B456B
- 6C587B
- 7D6B8B
- 8F7F9B
- A093AB
- B3A8BB
- C5BDCC
- D8D3DD
- EBE9EE
Shades
- 402B4F
- 352342
- 2B1C36
- 21142A
- 170D1F
- 0E0714
- 06030A
- 020103
- 000000
Tones
- 503B60
- 554264
- 5B4A67
- 60516B
- 65596F
- 6A6172
- 706876
- 757079
- 7B787D
Color harmonies
Complementary +180°
- 4B335C
Royal Crown
- 324719
≈ Treetop Cathedral
Analogous -30° +30°
- 4B335C
Royal Crown
- 383A65
≈ Rhynchites Nitens
- 582E4B
≈ Winter Bloom
Triadic +120° +240°
- 4B335C
Royal Crown
- 573708
≈ Eyelash Camel
- 004946
≈ Tropical Forest
Split-complementary +150° +210°
- 4B335C
Royal Crown
- 483F03
≈ Xanthophobia
- 104B31
≈ Order Green
Tetradic +90° +180° +270°
- 4B335C
Royal Crown
- 5F301F
≈ Overbaked
- 324719
≈ Treetop Cathedral
- 004757
≈ Crab Nebula
Contrast & accessibility
Ag
AAAOn white
WCAG 10.89:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.92:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 10.89:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--royal-crown: #4b335c;
--royal-crown-rgb: 75 51 92;
--royal-crown-oklch: oklch(0.367 0.074 310.1);
}
.element {
color: var(--royal-crown);
background-color: hsl(275 29% 28%);
border-color: oklch(0.367 0.074 310.1);
}Tailwind CSS v4
@theme {
--color-royal-crown: #4b335c;
--color-royal-crown-50: #fcefff;
--color-royal-crown-100: #f0e1fa;
--color-royal-crown-200: #dfccec;
--color-royal-crown-300: #c4add3;
--color-royal-crown-400: #ac93c0;
--color-royal-crown-500: #9578ab;
--color-royal-crown-600: #7e6691;
--color-royal-crown-700: #655174;
--color-royal-crown-800: #493b56;
--color-royal-crown-900: #33293c;
--color-royal-crown-950: #1f1726;
}SCSS
$royal-crown: #4b335c;
$royal-crown-rgb: 75, 51, 92;
$royal-crown-light: mix(#fff, $royal-crown, 20%);
$royal-crown-dark: mix(#000, $royal-crown, 20%);
.element {
color: $royal-crown;
box-shadow: 0 0 0 2px rgba($royal-crown, 0.35);
}