Couleur nommée la plus proche · #000209
#000209
Couleur nommée la plus proche: Eight Ball
#000209 (rgb(0 2 9), hsl(227 100% 2%), oklch(0.087 0.029 255.7)) est la plus proche de la couleur nommée Eight Ball. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#000209
oklch(0.087 0.029 255.7)
Conversions de couleur
- HEX
- #000209
- RGB
- rgb(0 2 9)
- HSL
- hsl(227 100% 2%)
- HWB
- hwb(227 0% 96%)
- OKLCH
- oklch(0.087 0.029 255.7)
- OKLab
- oklab(0.087 -0.007 -0.028)
- CIE Lab
- lab(0.54 0.18 -2.86)
- LCH
- lch(0.54 2.86 273.7)
- CMYK
- cmyk(100% 78% 0% 96%)
Teintes · Ombres · Tons
Teintes
- 09121D
- 1F2732
- 363E48
- 4F5660
- 6A7078
- 868B92
- A3A7AC
- C1C3C7
- DFE1E3
Ombres
- 000107
- 000105
- 000103
- 000002
- 000001
- 000001
- 000000
- 000000
- 000000
Tons
- 030913
- 0D141E
- 192029
- 262C35
- 343940
- 42474D
- 515459
- 606366
- 707173
Harmonies de couleurs
Complémentaire +180°
- 000209
Eight Ball
- 040200
≈ Armour Wash
Analogue -30° +30°
- 000209
Eight Ball
- 000304
≈ Black Hole
- 020109
≈ Raven’s Coat
Triadique +120° +240°
- 000209
Eight Ball
- 070001
≈ Raven’s Coat
- 010300
≈ Registration Black
Complémentaire divisée +150° +210°
- 000209
Eight Ball
- 060100
≈ Pupil
- 030200
≈ Armour Wash
Tétradique +90° +180° +270°
- 000209
Eight Ball
- 060003
≈ Raven’s Coat
- 040200
≈ Armour Wash
- 000302
≈ Black Hole
Contraste et accessibilité
Ag
AAASur blanc
WCAG 20.73:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.01:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 20.73:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--eight-ball: #000209;
--eight-ball-rgb: 0 2 9;
--eight-ball-oklch: oklch(0.087 0.029 255.7);
}
.element {
color: var(--eight-ball);
background-color: hsl(227 100% 2%);
border-color: oklch(0.087 0.029 255.7);
}Tailwind CSS v4
@theme {
--color-eight-ball: #000209;
--color-eight-ball-50: #f0f6fe;
--color-eight-ball-100: #e2e8f2;
--color-eight-ball-200: #cdd5e1;
--color-eight-ball-300: #aeb8c7;
--color-eight-ball-400: #93a0b0;
--color-eight-ball-500: #7a879a;
--color-eight-ball-600: #677382;
--color-eight-ball-700: #525c68;
--color-eight-ball-800: #3b434d;
--color-eight-ball-900: #292e35;
--color-eight-ball-950: #171b20;
}SCSS
$eight-ball: #000209;
$eight-ball-rgb: 0, 2, 9;
$eight-ball-light: mix(#fff, $eight-ball, 20%);
$eight-ball-dark: mix(#000, $eight-ball, 20%);
.element {
color: $eight-ball;
box-shadow: 0 0 0 2px rgba($eight-ball, 0.35);
}