Dichtstbijzijnde benoemde kleur · #2B2811
#2B2811
Dichtstbijzijnde benoemde kleur: Graphite
#2B2811 (rgb(43 40 17), hsl(53 43% 12%), oklch(0.274 0.038 101.9)) komt het dichtst bij de benoemde kleur Graphite. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#2B2811
oklch(0.274 0.038 101.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 3D3A25
- 504E3B
- 646250
- 787667
- 8D8C7F
- A3A297
- B9B8B0
- D0CFCA
- E7E7E4
Schaduwen
- 24210D
- 1D1B09
- 161506
- 100F04
- 0A0902
- 050401
- 020200
- 010100
- 000000
Tonen
- 33301C
- 3B3826
- 434131
- 4B493B
- 545246
- 5C5B51
- 65645D
- 6E6D68
- 777774
Kleurharmonieën
Complementair +180°
- 2B2811
Graphite
- 24253A
≈ Midnight Express
Analoog -30° +30°
- 2B2811
Graphite
- 332411
≈ Black Slug
- 202B18
≈ Kuro Green
Triadisch +120° +240°
- 2B2811
Graphite
- 0F2B35
≈ Black Chasm
- 34202D
≈ Anubis Black
Gesplitst complementair +150° +210°
- 2B2811
Graphite
- 192839
≈ Abyssal Anchorfish Blue
- 2E2235
≈ Bleached Cedar
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.84:1 · APCA Lc 102
Ag
FailOp zwart
WCAG 1.41:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.84:1 (AAA) · APCA Lc 102
Contrast pairs
Codefragmenten
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);
}