Cor nomeada mais próxima · #867334
#867334
Cor nomeada mais próxima: Capers
#867334 (rgb(134 115 52), hsl(46 44% 36%), oklch(0.56 0.086 92.7)) é mais próxima da cor nomeada Capers. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#867334
oklch(0.56 0.086 92.7)
Conversões de cor
- HEX
- #867334
- RGB
- rgb(134 115 52)
- HSL
- hsl(46 44% 36%)
- HWB
- hwb(46 20% 47%)
- OKLCH
- oklch(0.56 0.086 92.7)
- OKLab
- oklab(0.56 -0.004 0.086)
- CIE Lab
- lab(49.26 1.75 36.95)
- LCH
- lch(49.26 37 87.3)
- CMYK
- cmyk(0% 14% 61% 47%)
Tons claros · Sombras · Tons
Tons claros
- 918049
- 9D8E5D
- A99B71
- B5A985
- C1B799
- CDC5AD
- D9D4C1
- E6E2D5
- F2F0EA
Sombras
- 74632C
- 625424
- 51451C
- 403615
- 30280E
- 211B07
- 130F03
- 060501
- 010100
Tons
- 85743E
- 857646
- 84774E
- 847956
- 837A5D
- 827B65
- 827D6C
- 817E73
- 817F79
Harmonias de cor
Complementar +180°
- 867334
Capers
- 6371A7
≈ Dormitory
Análoga -30° +30°
- 867334
Capers
- 98693C
≈ Frappé au Chocolat
- 6B7D42
≈ Healing Plant
Tríade +120° +240°
- 867334
Capers
- 278192
≈ Pagoda Blue
- 92618A
≈ Hashita Purple
Complementar dividida +150° +210°
- 867334
Capers
- 447AA3
≈ Zenith
- 7E689E
≈ Purple Paradise
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.65:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.51:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--capers: #867334;
--capers-rgb: 134 115 52;
--capers-oklch: oklch(0.56 0.086 92.7);
}
.element {
color: var(--capers);
background-color: hsl(46 44% 36%);
border-color: oklch(0.56 0.086 92.7);
}Tailwind CSS v4
@theme {
--color-capers: #867334;
--color-capers-50: #fdf5da;
--color-capers-100: #f1e8c8;
--color-capers-200: #e0d4ab;
--color-capers-300: #c5b785;
--color-capers-400: #b09d62;
--color-capers-500: #9a853e;
--color-capers-600: #827035;
--color-capers-700: #685a2a;
--color-capers-800: #4e411d;
--color-capers-900: #362d13;
--color-capers-950: #211a05;
}SCSS
$capers: #867334;
$capers-rgb: 134, 115, 52;
$capers-light: mix(#fff, $capers, 20%);
$capers-dark: mix(#000, $capers, 20%);
.element {
color: $capers;
box-shadow: 0 0 0 2px rgba($capers, 0.35);
}