Couleur nommée la plus proche · #854733
#854733
Couleur nommée la plus proche: Cacao Nibs
#854733 (rgb(133 71 51), hsl(15 45% 36%), oklch(0.469 0.09 38.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.
#854733
oklch(0.469 0.09 38.6)
Conversions de couleur
- HEX
- #854733
- RGB
- rgb(133 71 51)
- HSL
- hsl(15 45% 36%)
- HWB
- hwb(15 20% 48%)
- OKLCH
- oklch(0.469 0.09 38.6)
- OKLab
- oklab(0.469 0.071 0.056)
- CIE Lab
- lab(37.73 25.63 24.22)
- LCH
- lch(37.73 35.27 43.4)
- CMYK
- cmyk(0% 47% 62% 48%)
Teintes · Ombres · Tons
Teintes
- 925846
- 9E6A59
- AB7C6D
- B78E80
- C3A095
- CFB2A9
- DBC5BE
- E7D8D3
- F3EBE9
Ombres
- 733D2B
- 613223
- 50281C
- 401F14
- 30160D
- 210D07
- 130603
- 060201
- 010000
Tons
- 854D3B
- 855343
- 85594B
- 855F52
- 85645A
- 846A62
- 847069
- 837571
- 817B78
Harmonies de couleurs
Complémentaire +180°
- 854733
Cacao Nibs
- 00657A
≈ Striking
Analogue -30° +30°
- 854733
Cacao Nibs
- 854350
≈ Sugar Beet
- 7B5018
≈ Medium Brown
Triadique +120° +240°
- 854733
Cacao Nibs
- 236A47
≈ Pumpkin Green
- 50548C
≈ Baby Whale
Complémentaire divisée +150° +210°
- 854733
Cacao Nibs
- 006963
≈ Butterfly Green
- 2D5E8B
≈ Moroccan Resort
Tétradique +90° +180° +270°
- 854733
Cacao Nibs
- 4B6429
≈ Dell
- 00657A
≈ Striking
- 694C81
≈ Violet Majesty
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.12:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.94:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.12:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--cacao-nibs: #854733;
--cacao-nibs-rgb: 133 71 51;
--cacao-nibs-oklch: oklch(0.469 0.09 38.6);
}
.element {
color: var(--cacao-nibs);
background-color: hsl(15 45% 36%);
border-color: oklch(0.469 0.09 38.6);
}Tailwind CSS v4
@theme {
--color-cacao-nibs: #854733;
--color-cacao-nibs-50: #ffede2;
--color-cacao-nibs-100: #ffdfd1;
--color-cacao-nibs-200: #f7c8b7;
--color-cacao-nibs-300: #e1a894;
--color-cacao-nibs-400: #cd8c77;
--color-cacao-nibs-500: #b97059;
--color-cacao-nibs-600: #9d5f4c;
--color-cacao-nibs-700: #7e4c3c;
--color-cacao-nibs-800: #5d372c;
--color-cacao-nibs-900: #41251d;
--color-cacao-nibs-950: #2a140e;
}SCSS
$cacao-nibs: #854733;
$cacao-nibs-rgb: 133, 71, 51;
$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);
}