Couleur nommée la plus proche · #795487
#795487
Couleur nommée la plus proche: Ninja Princess
#795487 (rgb(121 84 135), hsl(284 23% 43%), oklch(0.505 0.09 316.4)) est la plus proche de la couleur nommée Ninja Princess. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#795487
oklch(0.505 0.09 316.4)
Conversions de couleur
- HEX
- #795487
- RGB
- rgb(121 84 135)
- HSL
- hsl(284 23% 43%)
- HWB
- hwb(284 33% 47%)
- OKLCH
- oklch(0.505 0.09 316.4)
- OKLab
- oklab(0.505 0.065 -0.062)
- CIE Lab
- lab(41.34 23.05 -22.48)
- LCH
- lch(41.34 32.2 315.7)
- CMYK
- cmyk(10% 38% 0% 47%)
Teintes · Ombres · Tons
Teintes
- 866493
- 93749F
- A085AA
- AD96B6
- BAA7C2
- C8B8CE
- D5C9DA
- E3DBE6
- F1EDF3
Ombres
- 684875
- 583C63
- 483151
- 392641
- 2B1B31
- 1D1121
- 100813
- 050206
- 010001
Tons
- 7A5987
- 7B5D86
- 7B6285
- 7C6685
- 7D6B84
- 7E6F83
- 7E7383
- 7F7782
- 7F7C81
Harmonies de couleurs
Complémentaire +180°
- 795487
Ninja Princess
- 4C703B
≈ Gully Green
Analogue -30° +30°
- 795487
Ninja Princess
- 615C95
≈ Colossus
- 894F6F
≈ Raspberry Crush
Triadique +120° +240°
- 795487
Ninja Princess
- 825D20
≈ Sleek Otter
- 007475
≈ Skobeloff
Complémentaire divisée +150° +210°
- 795487
Ninja Princess
- 6B6823
≈ Safari Green
- 247559
≈ Greasy Greens
Tétradique +90° +180° +270°
- 795487
Ninja Princess
- 8E5336
≈ Chestnut Chest
- 4C703B
≈ Gully Green
- 186F8C
≈ Teal Tune
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.12:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.43:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.12:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--ninja-princess: #795487;
--ninja-princess-rgb: 121 84 135;
--ninja-princess-oklch: oklch(0.505 0.09 316.4);
}
.element {
color: var(--ninja-princess);
background-color: hsl(284 23% 43%);
border-color: oklch(0.505 0.09 316.4);
}Tailwind CSS v4
@theme {
--color-ninja-princess: #795487;
--color-ninja-princess-50: #ffeeff;
--color-ninja-princess-100: #f5dffc;
--color-ninja-princess-200: #e5c9ed;
--color-ninja-princess-300: #cba9d5;
--color-ninja-princess-400: #b48ec2;
--color-ninja-princess-500: #9e73ae;
--color-ninja-princess-600: #856293;
--color-ninja-princess-700: #6b4e76;
--color-ninja-princess-800: #4e3958;
--color-ninja-princess-900: #36273d;
--color-ninja-princess-950: #211527;
}SCSS
$ninja-princess: #795487;
$ninja-princess-rgb: 121, 84, 135;
$ninja-princess-light: mix(#fff, $ninja-princess, 20%);
$ninja-princess-dark: mix(#000, $ninja-princess, 20%);
.element {
color: $ninja-princess;
box-shadow: 0 0 0 2px rgba($ninja-princess, 0.35);
}