Couleur nommée la plus proche · #850074
#850074
Couleur nommée la plus proche: Royal Purpleness
#850074 (rgb(133 0 116), hsl(308 100% 26%), oklch(0.422 0.187 335.4)) est la plus proche de la couleur nommée Royal Purpleness. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#850074
oklch(0.422 0.187 335.4)
Conversions de couleur
- HEX
- #850074
- RGB
- rgb(133 0 116)
- HSL
- hsl(308 100% 26%)
- HWB
- hwb(308 0% 48%)
- OKLCH
- oklch(0.422 0.187 335.4)
- OKLab
- oklab(0.422 0.17 -0.078)
- CIE Lab
- lab(30.1 55.86 -27.97)
- LCH
- lch(30.1 62.47 333.4)
- CMYK
- cmyk(0% 100% 13% 48%)
Teintes · Ombres · Tons
Teintes
- 932C82
- A1468F
- AE5E9D
- BB75AB
- C78BB9
- D3A2C7
- DEB9D5
- EAD0E3
- F4E7F1
Ombres
- 730064
- 610054
- 500045
- 400037
- 300029
- 21001B
- 13000F
- 060005
- 010001
Tons
- 861D76
- 872E77
- 873B79
- 88467A
- 87517B
- 875B7C
- 86647D
- 846E7E
- 82777F
Harmonies de couleurs
Complémentaire +180°
- 850074
Royal Purpleness
- 005E34
≈ Spruce
Analogue -30° +30°
- 850074
Royal Purpleness
- 67209C
≈ Wild Violet
- 910040
≈ Madrileño Maroon
Triadique +120° +240°
- 850074
Royal Purpleness
- 5C4D00
≈ Scorzonera Brown
- 005767
≈ Abyssal Waters
Complémentaire divisée +150° +210°
- 850074
Royal Purpleness
- 405700
≈ Highlands Moss
- 005A53
≈ Baltic Prince
Tétradique +90° +180° +270°
- 850074
Royal Purpleness
- 704100
≈ Bloodtracker Brown
- 005E34
≈ Spruce
- 005184
≈ Snorkel Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.33:1 · APCA Lc 89
Ag
FailSur noir
WCAG 2.24:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--royal-purpleness: #850074;
--royal-purpleness-rgb: 133 0 116;
--royal-purpleness-oklch: oklch(0.422 0.187 335.4);
}
.element {
color: var(--royal-purpleness);
background-color: hsl(308 100% 26%);
border-color: oklch(0.422 0.187 335.4);
}Tailwind CSS v4
@theme {
--color-royal-purpleness: #850074;
--color-royal-purpleness-50: #ffe1ff;
--color-royal-purpleness-100: #ffd0fe;
--color-royal-purpleness-200: #ffb5f1;
--color-royal-purpleness-300: #f490d9;
--color-royal-purpleness-400: #e06ec9;
--color-royal-purpleness-500: #cc48b5;
--color-royal-purpleness-600: #ad3e99;
--color-royal-purpleness-700: #8b317b;
--color-royal-purpleness-800: #66235d;
--color-royal-purpleness-900: #481741;
--color-royal-purpleness-950: #2f072a;
}SCSS
$royal-purpleness: #850074;
$royal-purpleness-rgb: 133, 0, 116;
$royal-purpleness-light: mix(#fff, $royal-purpleness, 20%);
$royal-purpleness-dark: mix(#000, $royal-purpleness, 20%);
.element {
color: $royal-purpleness;
box-shadow: 0 0 0 2px rgba($royal-purpleness, 0.35);
}