Couleur nommée la plus proche · #90659B
#90659B
Couleur nommée la plus proche: Crown Jewels
#90659B (rgb(144 101 155), hsl(288 21% 50%), oklch(0.571 0.095 319.3)) est la plus proche de la couleur nommée Crown Jewels. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#90659B
oklch(0.571 0.095 319.3)
Conversions de couleur
- HEX
- #90659b
- RGB
- rgb(144 101 155)
- HSL
- hsl(288 21% 50%)
- HWB
- hwb(288 40% 39%)
- OKLCH
- oklch(0.571 0.095 319.3)
- OKLab
- oklab(0.571 0.072 -0.062)
- CIE Lab
- lab(48.91 25.1 -22.52)
- LCH
- lch(48.91 33.72 318.1)
- CMYK
- cmyk(7% 35% 0% 39%)
Teintes · Ombres · Tons
Teintes
- 9B74A5
- A683AF
- B192B9
- BCA1C3
- C7B0CD
- D2BFD7
- DDCFE1
- E8DFEB
- F4EFF5
Ombres
- 7D5786
- 6A4972
- 573C5E
- 452F4B
- 342239
- 241728
- 150C18
- 070309
- 010001
Tons
- 8F6898
- 8D6B96
- 8C6E93
- 8A7191
- 89738E
- 87768B
- 857889
- 847B86
- 827E83
Harmonies de couleurs
Complémentaire +180°
- 90659B
Crown Jewels
- 5A854E
≈ Magic Sage
Analogue -30° +30°
- 90659B
Crown Jewels
- 766EAC
≈ Wintertime Mauve
- A16080
≈ Beryl Red
Triadique +120° +240°
- 90659B
Crown Jewels
- 95712F
≈ Mulberry Brown
- 0E888D
≈ Well Blue
Complémentaire divisée +150° +210°
- 90659B
Crown Jewels
- 7C7C34
≈ Evening Green
- 318A6E
≈ Elf
Tétradique +90° +180° +270°
- 90659B
Crown Jewels
- A56643
≈ Earth
- 5A854E
≈ Magic Sage
- 2E82A4
≈ Blue Paisley
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.64:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.52:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--crown-jewels: #90659b;
--crown-jewels-rgb: 144 101 155;
--crown-jewels-oklch: oklch(0.571 0.095 319.3);
}
.element {
color: var(--crown-jewels);
background-color: hsl(288 21% 50%);
border-color: oklch(0.571 0.095 319.3);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #90659b;
--color-crown-jewels-50: #ffedff;
--color-crown-jewels-100: #f7defb;
--color-crown-jewels-200: #e8c8ed;
--color-crown-jewels-300: #cea8d5;
--color-crown-jewels-400: #b78cc2;
--color-crown-jewels-500: #a171ae;
--color-crown-jewels-600: #886093;
--color-crown-jewels-700: #6d4d76;
--color-crown-jewels-800: #503858;
--color-crown-jewels-900: #38263d;
--color-crown-jewels-950: #221427;
}SCSS
$crown-jewels: #90659b;
$crown-jewels-rgb: 144, 101, 155;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}