Couleur nommée la plus proche · #963649
#963649
Couleur nommée la plus proche: Warrior Queen
#963649 (rgb(150 54 73), hsl(348 47% 40%), oklch(0.474 0.129 11.5)) est la plus proche de la couleur nommée Warrior Queen. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#963649
oklch(0.474 0.129 11.5)
Conversions de couleur
- HEX
- #963649
- RGB
- rgb(150 54 73)
- HSL
- hsl(348 47% 40%)
- HWB
- hwb(348 21% 41%)
- OKLCH
- oklch(0.474 0.129 11.5)
- OKLab
- oklab(0.474 0.127 0.026)
- CIE Lab
- lab(37.54 42.08 11.02)
- LCH
- lch(37.54 43.5 14.7)
- CMYK
- cmyk(0% 64% 51% 41%)
Teintes · Ombres · Tons
Teintes
- A24B59
- AE5F6A
- B9727C
- C4868D
- CF9A9F
- D9ADB2
- E3C1C5
- EDD6D8
- F6EAEB
Ombres
- 822E3E
- 6E2534
- 5B1E2A
- 491620
- 370F17
- 26080E
- 160306
- 080102
- 010000
Tons
- 953F4E
- 944854
- 934F59
- 91575F
- 8F5E64
- 8D656A
- 8A6C6F
- 877375
- 84797A
Harmonies de couleurs
Complémentaire +180°
- 963649
Warrior Queen
- 006A67
≈ Chinese Garden
Analogue -30° +30°
- 963649
Warrior Queen
- 8A3971
≈ Sister Loganberry Frost
- 953D16
≈ Hot Brown
Triadique +120° +240°
- 963649
Warrior Queen
- 406A03
≈ Tatzelwurm Green
- 135DA1
≈ Drakenhof Nightshade
Complémentaire divisée +150° +210°
- 963649
Warrior Queen
- 006E49
≈ Aquadazzle
- 00667F
≈ Ocean Depths
Tétradique +90° +180° +270°
- 963649
Warrior Queen
- 685D00
≈ Brussels Sprout Green
- 006A67
≈ Chinese Garden
- 524FA2
≈ Blue Ember
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.19:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.92:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--warrior-queen: #963649;
--warrior-queen-rgb: 150 54 73;
--warrior-queen-oklch: oklch(0.474 0.129 11.5);
}
.element {
color: var(--warrior-queen);
background-color: hsl(348 47% 40%);
border-color: oklch(0.474 0.129 11.5);
}Tailwind CSS v4
@theme {
--color-warrior-queen: #963649;
--color-warrior-queen-50: #ffe7ea;
--color-warrior-queen-100: #ffd7db;
--color-warrior-queen-200: #ffbec4;
--color-warrior-queen-300: #f29ca4;
--color-warrior-queen-400: #df7c8b;
--color-warrior-queen-500: #cc5d70;
--color-warrior-queen-600: #ad4f5f;
--color-warrior-queen-700: #8b3f4c;
--color-warrior-queen-800: #672d38;
--color-warrior-queen-900: #481e27;
--color-warrior-queen-950: #2f0e15;
}SCSS
$warrior-queen: #963649;
$warrior-queen-rgb: 150, 54, 73;
$warrior-queen-light: mix(#fff, $warrior-queen, 20%);
$warrior-queen-dark: mix(#000, $warrior-queen, 20%);
.element {
color: $warrior-queen;
box-shadow: 0 0 0 2px rgba($warrior-queen, 0.35);
}