Cor nomeada mais próxima · #A29C6A
#A29C6A
Cor nomeada mais próxima: Willow Leaf
#A29C6A (rgb(162 156 106), hsl(54 23% 53%), oklch(0.686 0.069 102.2)) é mais próxima da cor nomeada Willow Leaf. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A29C6A
oklch(0.686 0.069 102.2)
Conversões de cor
- HEX
- #a29c6a
- RGB
- rgb(162 156 106)
- HSL
- hsl(54 23% 53%)
- HWB
- hwb(54 42% 36%)
- OKLCH
- oklch(0.686 0.069 102.2)
- OKLab
- oklab(0.686 -0.014 0.067)
- CIE Lab
- lab(63.95 -3.51 27.07)
- LCH
- lch(63.95 27.3 97.4)
- CMYK
- cmyk(0% 4% 35% 36%)
Tons claros · Sombras · Tons
Tons claros
- ABA679
- B4AF87
- BDB996
- C6C3A5
- CFCDB3
- D9D7C2
- E2E1D1
- ECEBE0
- F5F5F0
Sombras
- 8C875B
- 77734D
- 635F3F
- 4F4C31
- 3C3924
- 2A2818
- 19180D
- 0A0904
- 010100
Tons
- 9E996D
- 9B966F
- 989472
- 949174
- 918E76
- 8D8B78
- 8A897A
- 87867C
- 83837E
Harmonias de cor
Complementar +180°
- A29C6A
Willow Leaf
- 9395C4
≈ Litmus
Análoga -30° +30°
- A29C6A
Willow Leaf
- B5946B
≈ Baguette
- 8AA377
≈ Antilles Garden
Tríade +120° +240°
- A29C6A
Willow Leaf
- 69A4B9
≈ Pacific Palisade
- B889A6
≈ A Plum Job
Complementar dividida +150° +210°
- A29C6A
Willow Leaf
- 7B9DC4
≈ Cottage Blue
- A88EB9
≈ East Side
Tétrade +90° +180° +270°
- A29C6A
Willow Leaf
- 65A8A5
≈ Veranda
- 9395C4
≈ Litmus
- C0898E
≈ Prophetess
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--willow-leaf: #a29c6a;
--willow-leaf-rgb: 162 156 106;
--willow-leaf-oklch: oklch(0.686 0.069 102.2);
}
.element {
color: var(--willow-leaf);
background-color: hsl(54 23% 53%);
border-color: oklch(0.686 0.069 102.2);
}Tailwind CSS v4
@theme {
--color-willow-leaf: #a29c6a;
--color-willow-leaf-50: #f8f7e0;
--color-willow-leaf-100: #ebead0;
--color-willow-leaf-200: #d8d6b5;
--color-willow-leaf-300: #bdba91;
--color-willow-leaf-400: #a6a071;
--color-willow-leaf-500: #8f8851;
--color-willow-leaf-600: #797345;
--color-willow-leaf-700: #615c37;
--color-willow-leaf-800: #484327;
--color-willow-leaf-900: #322e1a;
--color-willow-leaf-950: #1e1b0a;
}SCSS
$willow-leaf: #a29c6a;
$willow-leaf-rgb: 162, 156, 106;
$willow-leaf-light: mix(#fff, $willow-leaf, 20%);
$willow-leaf-dark: mix(#000, $willow-leaf, 20%);
.element {
color: $willow-leaf;
box-shadow: 0 0 0 2px rgba($willow-leaf, 0.35);
}