Cor nomeada mais próxima · #854432
#854432
Cor nomeada mais próxima: Olive Niçoise
#854432 (rgb(133 68 50), hsl(13 45% 36%), oklch(0.464 0.094 36.4)) é mais próxima da cor nomeada Olive Niçoise. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#854432
oklch(0.464 0.094 36.4)
Conversões de cor
- HEX
- #854432
- RGB
- rgb(133 68 50)
- HSL
- hsl(13 45% 36%)
- HWB
- hwb(13 20% 48%)
- OKLCH
- oklch(0.464 0.094 36.4)
- OKLab
- oklab(0.464 0.076 0.056)
- CIE Lab
- lab(37.03 27.2 23.98)
- LCH
- lch(37.03 36.26 41.4)
- CMYK
- cmyk(0% 49% 62% 48%)
Tons claros · Sombras · Tons
Tons claros
- 925645
- 9F6858
- AB7A6C
- B78C80
- C49F94
- D0B1A9
- DCC4BE
- E8D8D3
- F3EBE9
Sombras
- 733A2A
- 613022
- 50261B
- 401D14
- 30140D
- 210C07
- 130503
- 060201
- 010000
Tons
- 854B3A
- 865142
- 86574A
- 855D52
- 856359
- 846961
- 846F69
- 837571
- 817A78
Harmonias de cor
Complementar +180°
- 854432
Olive Niçoise
- 006477
≈ Atlantis Myth
Análoga -30° +30°
- 854432
Olive Niçoise
- 844151
≈ Sugar Beet
- 7C4D13
≈ Gédéon Brown
Tríade +120° +240°
- 854432
Olive Niçoise
- 216843
≈ Jade Mussel Green
- 4C538D
≈ Canyon Iris
Complementar dividida +150° +210°
- 854432
Olive Niçoise
- 006760
≈ Butterfly Green
- 255D8A
≈ Sapphire Lace
Tétrade +90° +180° +270°
- 854432
Olive Niçoise
- 4B6222
≈ Camouflage Green
- 006477
≈ Atlantis Myth
- 664A82
≈ Violet Majesty
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.31:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.87:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--olive-nicoise: #854432;
--olive-nicoise-rgb: 133 68 50;
--olive-nicoise-oklch: oklch(0.464 0.094 36.4);
}
.element {
color: var(--olive-nicoise);
background-color: hsl(13 45% 36%);
border-color: oklch(0.464 0.094 36.4);
}Tailwind CSS v4
@theme {
--color-olive-nicoise: #854432;
--color-olive-nicoise-50: #ffede2;
--color-olive-nicoise-100: #ffded1;
--color-olive-nicoise-200: #f9c7b7;
--color-olive-nicoise-300: #e2a795;
--color-olive-nicoise-400: #cf8b77;
--color-olive-nicoise-500: #bb6f59;
--color-olive-nicoise-600: #9e5e4c;
--color-olive-nicoise-700: #7f4b3c;
--color-olive-nicoise-800: #5e362c;
--color-olive-nicoise-900: #42251e;
--color-olive-nicoise-950: #2a130e;
}SCSS
$olive-nicoise: #854432;
$olive-nicoise-rgb: 133, 68, 50;
$olive-nicoise-light: mix(#fff, $olive-nicoise, 20%);
$olive-nicoise-dark: mix(#000, $olive-nicoise, 20%);
.element {
color: $olive-nicoise;
box-shadow: 0 0 0 2px rgba($olive-nicoise, 0.35);
}