Cor nomeada · #A18D80
Oak Brown
Oak Brown é #A18D80: rgb(161 141 128), hsl(24 15% 57%), oklch(0.658 0.031 55.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Oak Brown color name →
#A18D80
oklch(0.658 0.031 55.1)
Conversões de cor
- HEX
- #a18d80
- RGB
- rgb(161 141 128)
- HSL
- hsl(24 15% 57%)
- HWB
- hwb(24 50% 37%)
- OKLCH
- oklch(0.658 0.031 55.1)
- OKLab
- oklab(0.658 0.018 0.025)
- CIE Lab
- lab(60.19 6.16 9.86)
- LCH
- lch(60.19 11.63 58)
- CMYK
- cmyk(0% 12% 20% 37%)
Tons claros · Sombras · Tons
Tons claros
- AA988C
- B3A398
- BDAEA5
- C6B9B1
- CFC5BE
- D9D0CA
- E2DCD7
- ECE7E4
- F5F3F2
Sombras
- 8B7A6E
- 76675D
- 62554D
- 4E443D
- 3C332E
- 2A231F
- 191412
- 090706
- 010101
Tons
- 9E8C80
- 9A8A80
- 978980
- 948880
- 918780
- 8D8580
- 8A8480
- 878380
- 838180
Harmonias de cor
Complementar +180°
- A18D80
Oak Brown
- 8095A2
≈ Poolhouse
Análoga -30° +30°
- A18D80
Oak Brown
- A48B88
≈ Storm Red
- 9A907D
≈ Stonegate
Tríade +120° +240°
- A18D80
Oak Brown
- 7F9890
≈ Secluded Garden
- 928EA3
≈ Cotton Flannel
Complementar dividida +150° +210°
- A18D80
Oak Brown
- 7C979A
≈ Soul Quenching
- 8892A5
≈ Dusty Heather
Tétrade +90° +180° +270°
- A18D80
Oak Brown
- 869786
≈ Manifest
- 8095A2
≈ Poolhouse
- 9C8B9C
≈ Greige Violet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.16:1 · APCA Lc 59
Ag
AASobre preto
WCAG 6.63:1 · APCA Lc 43
Melhor cor de texto: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
Trechos de código
CSS
:root {
--oak-brown: #a18d80;
--oak-brown-rgb: 161 141 128;
--oak-brown-oklch: oklch(0.658 0.031 55.1);
}
.element {
color: var(--oak-brown);
background-color: hsl(24 15% 57%);
border-color: oklch(0.658 0.031 55.1);
}Tailwind CSS v4
@theme {
--color-oak-brown: #a18d80;
--color-oak-brown-50: #fcf3ed;
--color-oak-brown-100: #f0e6de;
--color-oak-brown-200: #dfd1c8;
--color-oak-brown-300: #c4b4a9;
--color-oak-brown-400: #ad9a8e;
--color-oak-brown-500: #978173;
--color-oak-brown-600: #806d62;
--color-oak-brown-700: #66574e;
--color-oak-brown-800: #4b4039;
--color-oak-brown-900: #342c27;
--color-oak-brown-950: #201915;
}SCSS
$oak-brown: #a18d80;
$oak-brown-rgb: 161, 141, 128;
$oak-brown-light: mix(#fff, $oak-brown, 20%);
$oak-brown-dark: mix(#000, $oak-brown, 20%);
.element {
color: $oak-brown;
box-shadow: 0 0 0 2px rgba($oak-brown, 0.35);
}