Couleur nommée la plus proche · #650000
#650000
Couleur nommée la plus proche: Spikey Red
#650000 (rgb(101 0 0), hsl(0 100% 20%), oklch(0.318 0.131 29.2)) est la plus proche de la couleur nommée Spikey Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#650000
oklch(0.318 0.131 29.2)
Conversions de couleur
- HEX
- #650000
- RGB
- rgb(101 0 0)
- HSL
- hsl(0 100% 20%)
- HWB
- hwb(0 0% 60%)
- OKLCH
- oklch(0.318 0.131 29.2)
- OKLab
- oklab(0.318 0.114 0.064)
- CIE Lab
- lab(19.62 40.95 30.41)
- LCH
- lch(19.62 51 36.6)
- CMYK
- cmyk(0% 100% 100% 60%)
Teintes · Ombres · Tons
Teintes
- 76231B
- 873C33
- 97544A
- A76C62
- B7837B
- C69B94
- D4B3AE
- E3CCC8
- F1E5E3
Ombres
- 570000
- 490000
- 3C0000
- 2F0000
- 220000
- 170000
- 0C0000
- 030000
- 000000
Tons
- 6A1710
- 6E261E
- 72322A
- 753E36
- 784942
- 7B554E
- 7D5F5B
- 7E6A67
- 7F7573
Harmonies de couleurs
Complémentaire +180°
- 650000
Spikey Red
- 003A41
≈ Natural Indigo
Analogue -30° +30°
- 650000
Spikey Red
- 600031
≈ Mulberry Wood
- 4E2700
≈ Brown Study
Triadique +120° +240°
- 650000
Spikey Red
- 003E16
≈ Hunter Green
- 1A2873
≈ Impression of Obscurity
Complémentaire divisée +150° +210°
- 650000
Spikey Red
- 003C33
≈ Night Turquoise
- 003653
≈ Dark Denim Blue
Tétradique +90° +180° +270°
- 650000
Spikey Red
- 2E3700
≈ Wasabi Nori
- 003A41
≈ Natural Indigo
- 3E1A6A
≈ Obsidian Shell
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.51:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.55:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.51:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--spikey-red: #650000;
--spikey-red-rgb: 101 0 0;
--spikey-red-oklch: oklch(0.318 0.131 29.2);
}
.element {
color: var(--spikey-red);
background-color: hsl(0 100% 20%);
border-color: oklch(0.318 0.131 29.2);
}Tailwind CSS v4
@theme {
--color-spikey-red: #650000;
--color-spikey-red-50: #ffe8df;
--color-spikey-red-100: #ffd9ce;
--color-spikey-red-200: #ffc0b2;
--color-spikey-red-300: #f39e8e;
--color-spikey-red-400: #e17f71;
--color-spikey-red-500: #ce5f51;
--color-spikey-red-600: #ae5145;
--color-spikey-red-700: #8c4137;
--color-spikey-red-800: #682e29;
--color-spikey-red-900: #491f1b;
--color-spikey-red-950: #300e0c;
}SCSS
$spikey-red: #650000;
$spikey-red-rgb: 101, 0, 0;
$spikey-red-light: mix(#fff, $spikey-red, 20%);
$spikey-red-dark: mix(#000, $spikey-red, 20%);
.element {
color: $spikey-red;
box-shadow: 0 0 0 2px rgba($spikey-red, 0.35);
}