Couleur nommée la plus proche · #150618
#150618
Couleur nommée la plus proche: Glossy Black
#150618 (rgb(21 6 24), hsl(290 60% 6%), oklch(0.158 0.044 321)) est la plus proche de la couleur nommée Glossy Black. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#150618
oklch(0.158 0.044 321)
Conversions de couleur
- HEX
- #150618
- RGB
- rgb(21 6 24)
- HSL
- hsl(290 60% 6%)
- HWB
- hwb(290 2% 91%)
- OKLCH
- oklch(0.158 0.044 321)
- OKLab
- oklab(0.158 0.034 -0.028)
- CIE Lab
- lab(3.19 7.58 -7.35)
- LCH
- lch(3.19 10.56 315.9)
- CMYK
- cmyk(12% 75% 0% 91%)
Teintes · Ombres · Tons
Teintes
- 28192B
- 3D2F40
- 524555
- 695D6B
- 807682
- 98909A
- B1ABB2
- CAC6CB
- E4E2E5
Ombres
- 110413
- 0C030F
- 08020A
- 050107
- 030104
- 020002
- 010001
- 000000
- 000000
Tons
- 1F1021
- 281B2B
- 332635
- 3D323F
- 483E49
- 524B54
- 5E585F
- 69656A
- 747275
Harmonies de couleurs
Complémentaire +180°
- 150618
Glossy Black
- 031102
≈ Blackn’t
Analogue -30° +30°
- 150618
Glossy Black
- 0D091E
≈ Tristesse
- 1A050F
≈ Crow
Triadique +120° +240°
- 150618
Glossy Black
- 140B00
≈ Balsamico
- 001012
≈ Black Glaze
Complémentaire divisée +150° +210°
- 150618
Glossy Black
- 0E0E00
≈ Memorial Black
- 00110B
≈ Jedi Night
Tétradique +90° +180° +270°
- 150618
Glossy Black
- 1A0700
≈ Soy Sauce
- 031102
≈ Blackn’t
- 000F18
≈ Black Knight
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.60:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.07:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.60:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--glossy-black: #150618;
--glossy-black-rgb: 21 6 24;
--glossy-black-oklch: oklch(0.158 0.044 321);
}
.element {
color: var(--glossy-black);
background-color: hsl(290 60% 6%);
border-color: oklch(0.158 0.044 321);
}Tailwind CSS v4
@theme {
--color-glossy-black: #150618;
--color-glossy-black-50: #fcf1fd;
--color-glossy-black-100: #efe3f1;
--color-glossy-black-200: #decedf;
--color-glossy-black-300: #c3b0c5;
--color-glossy-black-400: #ab96af;
--color-glossy-black-500: #947d98;
--color-glossy-black-600: #7d6a81;
--color-glossy-black-700: #645567;
--color-glossy-black-800: #493e4c;
--color-glossy-black-900: #332a35;
--color-glossy-black-950: #1e1820;
}SCSS
$glossy-black: #150618;
$glossy-black-rgb: 21, 6, 24;
$glossy-black-light: mix(#fff, $glossy-black, 20%);
$glossy-black-dark: mix(#000, $glossy-black, 20%);
.element {
color: $glossy-black;
box-shadow: 0 0 0 2px rgba($glossy-black, 0.35);
}