Cor nomeada mais próxima · #854733
#854733
Cor nomeada mais próxima: Cacao Nibs
#854733 (rgb(133 71 51), hsl(15 45% 36%), oklch(0.469 0.09 38.6)) é mais próxima da cor nomeada Cacao Nibs. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#854733
oklch(0.469 0.09 38.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 925846
- 9E6A59
- AB7C6D
- B78E80
- C3A095
- CFB2A9
- DBC5BE
- E7D8D3
- F3EBE9
Sombras
- 733D2B
- 613223
- 50281C
- 401F14
- 30160D
- 210D07
- 130603
- 060201
- 010000
Tons
- 854D3B
- 855343
- 85594B
- 855F52
- 85645A
- 846A62
- 847069
- 837571
- 817B78
Harmonias de cor
Complementar +180°
- 854733
Cacao Nibs
- 00657A
≈ Striking
Análoga -30° +30°
- 854733
Cacao Nibs
- 854350
≈ Sugar Beet
- 7B5018
≈ Medium Brown
Tríade +120° +240°
- 854733
Cacao Nibs
- 236A47
≈ Pumpkin Green
- 50548C
≈ Baby Whale
Complementar dividida +150° +210°
- 854733
Cacao Nibs
- 006963
≈ Butterfly Green
- 2D5E8B
≈ Moroccan Resort
Tétrade +90° +180° +270°
- 854733
Cacao Nibs
- 4B6429
≈ Dell
- 00657A
≈ Striking
- 694C81
≈ Violet Majesty
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.12:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.94:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.12:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos 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);
}