Couleur nommée la plus proche · #2B2811
#2B2811
Couleur nommée la plus proche: Graphite
#2B2811 (rgb(43 40 17), hsl(53 43% 12%), oklch(0.274 0.038 101.9)) est la plus proche de la couleur nommée Graphite. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2B2811
oklch(0.274 0.038 101.9)
Conversions de couleur
- HEX
- #2b2811
- RGB
- rgb(43 40 17)
- HSL
- hsl(53 43% 12%)
- HWB
- hwb(53 7% 83%)
- OKLCH
- oklch(0.274 0.038 101.9)
- OKLab
- oklab(0.274 -0.008 0.037)
- CIE Lab
- lab(15.97 -1.54 15.45)
- LCH
- lch(15.97 15.53 95.7)
- CMYK
- cmyk(0% 7% 60% 83%)
Teintes · Ombres · Tons
Teintes
- 3D3A25
- 504E3B
- 646250
- 787667
- 8D8C7F
- A3A297
- B9B8B0
- D0CFCA
- E7E7E4
Ombres
- 24210D
- 1D1B09
- 161506
- 100F04
- 0A0902
- 050401
- 020200
- 010100
- 000000
Tons
- 33301C
- 3B3826
- 434131
- 4B493B
- 545246
- 5C5B51
- 65645D
- 6E6D68
- 777774
Harmonies de couleurs
Complémentaire +180°
- 2B2811
Graphite
- 24253A
≈ Midnight Express
Analogue -30° +30°
- 2B2811
Graphite
- 332411
≈ Black Slug
- 202B18
≈ Kuro Green
Triadique +120° +240°
- 2B2811
Graphite
- 0F2B35
≈ Black Chasm
- 34202D
≈ Anubis Black
Complémentaire divisée +150° +210°
- 2B2811
Graphite
- 192839
≈ Abyssal Anchorfish Blue
- 2E2235
≈ Bleached Cedar
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 14.84:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.41:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 14.84:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--graphite: #2b2811;
--graphite-rgb: 43 40 17;
--graphite-oklch: oklch(0.274 0.038 101.9);
}
.element {
color: var(--graphite);
background-color: hsl(53 43% 12%);
border-color: oklch(0.274 0.038 101.9);
}Tailwind CSS v4
@theme {
--color-graphite: #2b2811;
--color-graphite-50: #f7f6ea;
--color-graphite-100: #eae9db;
--color-graphite-200: #d6d5c3;
--color-graphite-300: #bab9a3;
--color-graphite-400: #a3a086;
--color-graphite-500: #8b876b;
--color-graphite-600: #75735b;
--color-graphite-700: #5e5c48;
--color-graphite-800: #454334;
--color-graphite-900: #302e23;
--color-graphite-950: #1c1b12;
}SCSS
$graphite: #2b2811;
$graphite-rgb: 43, 40, 17;
$graphite-light: mix(#fff, $graphite, 20%);
$graphite-dark: mix(#000, $graphite, 20%);
.element {
color: $graphite;
box-shadow: 0 0 0 2px rgba($graphite, 0.35);
}