Color con nombre más cercano · #854733
#854733
Color con nombre más cercano: Cacao Nibs
#854733 (rgb(133 71 51), hsl(15 45% 36%), oklch(0.469 0.09 38.6)) se parece más al color con nombre Cacao Nibs. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#854733
oklch(0.469 0.09 38.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 925846
- 9E6A59
- AB7C6D
- B78E80
- C3A095
- CFB2A9
- DBC5BE
- E7D8D3
- F3EBE9
Sombras
- 733D2B
- 613223
- 50281C
- 401F14
- 30160D
- 210D07
- 130603
- 060201
- 010000
Tonos
- 854D3B
- 855343
- 85594B
- 855F52
- 85645A
- 846A62
- 847069
- 837571
- 817B78
Armonías de color
Complementario +180°
- 854733
Cacao Nibs
- 00657A
≈ Striking
Análogo -30° +30°
- 854733
Cacao Nibs
- 854350
≈ Sugar Beet
- 7B5018
≈ Medium Brown
Triádico +120° +240°
- 854733
Cacao Nibs
- 236A47
≈ Pumpkin Green
- 50548C
≈ Baby Whale
Complementario dividido +150° +210°
- 854733
Cacao Nibs
- 006963
≈ Butterfly Green
- 2D5E8B
≈ Moroccan Resort
Tetrádico +90° +180° +270°
- 854733
Cacao Nibs
- 4B6429
≈ Dell
- 00657A
≈ Striking
- 694C81
≈ Violet Majesty
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.12:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 2.94:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 7.12:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
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);
}