Dichtstbijzijnde benoemde kleur · #81452F
#81452F
Dichtstbijzijnde benoemde kleur: Cacao Nibs
#81452F (rgb(129 69 47), hsl(16 47% 35%), oklch(0.459 0.089 40.6)) komt het dichtst bij de benoemde kleur Cacao Nibs. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#81452F
oklch(0.459 0.089 40.6)
Kleurconversies
- HEX
- #81452f
- RGB
- rgb(129 69 47)
- HSL
- hsl(16 47% 35%)
- HWB
- hwb(16 18% 49%)
- OKLCH
- oklch(0.459 0.089 40.6)
- OKLab
- oklab(0.459 0.068 0.058)
- CIE Lab
- lab(36.6 24.78 25.07)
- LCH
- lch(36.6 35.25 45.3)
- CMYK
- cmyk(0% 47% 64% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 8E5743
- 9B6856
- A87A6A
- B58C7E
- C19F93
- CEB2A7
- DAC4BD
- E6D8D3
- F3EBE9
Schaduwen
- 6F3B27
- 5E3120
- 4E2719
- 3E1E12
- 2E150C
- 1F0C06
- 120503
- 060201
- 010000
Tonen
- 824B38
- 825140
- 835848
- 835D50
- 836358
- 836960
- 826F68
- 827570
- 817A78
Kleurharmonieën
Complementair +180°
- 81452F
Cacao Nibs
- 006278
≈ Jamaican Dream
Analoog -30° +30°
- 81452F
Cacao Nibs
- 81414C
≈ Dark Strawberry
- 774E14
≈ Lucky Brown
Triadisch +120° +240°
- 81452F
Cacao Nibs
- 1D6747
≈ Brunswick
- 4F5188
≈ Twilight
Gesplitst complementair +150° +210°
- 81452F
Cacao Nibs
- 006662
≈ Peacock Pride
- 2E5A88
≈ Dead Lake
Tetradisch +90° +180° +270°
- 81452F
Cacao Nibs
- 466229
≈ Dell
- 006278
≈ Jamaican Dream
- 67497C
≈ Perfectly Purple
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.43:1 · APCA Lc 86
Ag
FailOp zwart
WCAG 2.82:1 · APCA Lc 17
Beste tekstkleur: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--cacao-nibs: #81452f;
--cacao-nibs-rgb: 129 69 47;
--cacao-nibs-oklch: oklch(0.459 0.089 40.6);
}
.element {
color: var(--cacao-nibs);
background-color: hsl(16 47% 35%);
border-color: oklch(0.459 0.089 40.6);
}Tailwind CSS v4
@theme {
--color-cacao-nibs: #81452f;
--color-cacao-nibs-50: #ffeee1;
--color-cacao-nibs-100: #ffdfd1;
--color-cacao-nibs-200: #f6c9b7;
--color-cacao-nibs-300: #e0a993;
--color-cacao-nibs-400: #cc8d76;
--color-cacao-nibs-500: #b87157;
--color-cacao-nibs-600: #9c604a;
--color-cacao-nibs-700: #7d4d3b;
--color-cacao-nibs-800: #5d372b;
--color-cacao-nibs-900: #41261d;
--color-cacao-nibs-950: #29140d;
}SCSS
$cacao-nibs: #81452f;
$cacao-nibs-rgb: 129, 69, 47;
$cacao-nibs-light: mix(#fff, $cacao-nibs, 20%);
$cacao-nibs-dark: mix(#000, $cacao-nibs, 20%);
.element {
color: $cacao-nibs;
box-shadow: 0 0 0 2px rgba($cacao-nibs, 0.35);
}