Couleur nommée la plus proche · #0C2931
#0C2931
Couleur nommée la plus proche: Black Box
#0C2931 (rgb(12 41 49), hsl(193 61% 12%), oklch(0.263 0.037 219)) est la plus proche de la couleur nommée Black Box. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0C2931
oklch(0.263 0.037 219)
Conversions de couleur
- HEX
- #0c2931
- RGB
- rgb(12 41 49)
- HSL
- hsl(193 61% 12%)
- HWB
- hwb(193 5% 81%)
- OKLCH
- oklch(0.263 0.037 219)
- OKLab
- oklab(0.263 -0.029 -0.023)
- CIE Lab
- lab(14.72 -8.9 -8.66)
- LCH
- lch(14.72 12.42 224.2)
- CMYK
- cmyk(76% 16% 0% 81%)
Teintes · Ombres · Tons
Teintes
- 223B43
- 384F56
- 4F6369
- 66777D
- 7E8D91
- 96A2A6
- B0B9BC
- C9D0D2
- E4E7E8
Ombres
- 092229
- 061C22
- 04151A
- 030F13
- 02090C
- 010506
- 000203
- 000101
- 000000
Tons
- 183138
- 243940
- 2F4248
- 3A4A4F
- 455357
- 515C5F
- 5C6567
- 686E6F
- 747778
Harmonies de couleurs
Complémentaire +180°
- 0C2931
Black Box
- 341E17
≈ Scorched
Analogue -30° +30°
- 0C2931
Black Box
- 0A2B28
≈ Swamp Thing
- 162636
≈ Abyssal Anchorfish Blue
Triadique +120° +240°
- 0C2931
Black Box
- 311E2B
≈ Delighted Chimp
- 29250F
≈ Black Mesa
Complémentaire divisée +150° +210°
- 0C2931
Black Box
- 341D21
≈ Black Kite
- 312110
≈ Coffee Grounds
Tétradique +90° +180° +270°
- 0C2931
Black Box
- 2A2033
≈ Bleached Cedar
- 341E17
≈ Scorched
- 1F2814
≈ Kuro Green
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.24:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.37:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.24:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--black-box: #0c2931;
--black-box-rgb: 12 41 49;
--black-box-oklch: oklch(0.263 0.037 219);
}
.element {
color: var(--black-box);
background-color: hsl(193 61% 12%);
border-color: oklch(0.263 0.037 219);
}Tailwind CSS v4
@theme {
--color-black-box: #0c2931;
--color-black-box-50: #eaf8fd;
--color-black-box-100: #dbebf1;
--color-black-box-200: #c4d8e0;
--color-black-box-300: #a3bcc5;
--color-black-box-400: #87a4ad;
--color-black-box-500: #6b8c97;
--color-black-box-600: #5b7780;
--color-black-box-700: #485f66;
--color-black-box-800: #34464b;
--color-black-box-900: #233034;
--color-black-box-950: #121c1f;
}SCSS
$black-box: #0c2931;
$black-box-rgb: 12, 41, 49;
$black-box-light: mix(#fff, $black-box, 20%);
$black-box-dark: mix(#000, $black-box, 20%);
.element {
color: $black-box;
box-shadow: 0 0 0 2px rgba($black-box, 0.35);
}