Couleur nommée la plus proche · #81452F
#81452F
Couleur nommée la plus proche: Cacao Nibs
#81452F (rgb(129 69 47), hsl(16 47% 35%), oklch(0.459 0.089 40.6)) est la plus proche de la couleur nommée Cacao Nibs. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#81452F
oklch(0.459 0.089 40.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 8E5743
- 9B6856
- A87A6A
- B58C7E
- C19F93
- CEB2A7
- DAC4BD
- E6D8D3
- F3EBE9
Ombres
- 6F3B27
- 5E3120
- 4E2719
- 3E1E12
- 2E150C
- 1F0C06
- 120503
- 060201
- 010000
Tons
- 824B38
- 825140
- 835848
- 835D50
- 836358
- 836960
- 826F68
- 827570
- 817A78
Harmonies de couleurs
Complémentaire +180°
- 81452F
Cacao Nibs
- 006278
≈ Jamaican Dream
Analogue -30° +30°
- 81452F
Cacao Nibs
- 81414C
≈ Dark Strawberry
- 774E14
≈ Lucky Brown
Triadique +120° +240°
- 81452F
Cacao Nibs
- 1D6747
≈ Brunswick
- 4F5188
≈ Twilight
Complémentaire divisée +150° +210°
- 81452F
Cacao Nibs
- 006662
≈ Peacock Pride
- 2E5A88
≈ Dead Lake
Tétradique +90° +180° +270°
- 81452F
Cacao Nibs
- 466229
≈ Dell
- 006278
≈ Jamaican Dream
- 67497C
≈ Perfectly Purple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.43:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.82:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
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);
}