Couleur nommée la plus proche · #4B335C
#4B335C
Couleur nommée la plus proche: Royal Crown
#4B335C (rgb(75 51 92), hsl(275 29% 28%), oklch(0.367 0.074 310.1)) est la plus proche de la couleur nommée Royal Crown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4B335C
oklch(0.367 0.074 310.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 5B456B
- 6C587B
- 7D6B8B
- 8F7F9B
- A093AB
- B3A8BB
- C5BDCC
- D8D3DD
- EBE9EE
Ombres
- 402B4F
- 352342
- 2B1C36
- 21142A
- 170D1F
- 0E0714
- 06030A
- 020103
- 000000
Tons
- 503B60
- 554264
- 5B4A67
- 60516B
- 65596F
- 6A6172
- 706876
- 757079
- 7B787D
Harmonies de couleurs
Complémentaire +180°
- 4B335C
Royal Crown
- 324719
≈ Treetop Cathedral
Analogue -30° +30°
- 4B335C
Royal Crown
- 383A65
≈ Rhynchites Nitens
- 582E4B
≈ Winter Bloom
Triadique +120° +240°
- 4B335C
Royal Crown
- 573708
≈ Eyelash Camel
- 004946
≈ Tropical Forest
Complémentaire divisée +150° +210°
- 4B335C
Royal Crown
- 483F03
≈ Xanthophobia
- 104B31
≈ Order Green
Tétradique +90° +180° +270°
- 4B335C
Royal Crown
- 5F301F
≈ Overbaked
- 324719
≈ Treetop Cathedral
- 004757
≈ Crab Nebula
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.89:1 · APCA Lc 95
Ag
FailSur noir
WCAG 1.92:1 · APCA Lc 8
Meilleure couleur de texte: #FFFFFF
WCAG 10.89:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
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);
}