Cor nomeada · #BDA58B
Oakwood
Oakwood é #BDA58B: rgb(189 165 139), hsl(31 27% 64%), oklch(0.736 0.046 69.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Oakwood color name →
#BDA58B
oklch(0.736 0.046 69.3)
Conversões de cor
- HEX
- #bda58b
- RGB
- rgb(189 165 139)
- HSL
- hsl(31 27% 64%)
- HWB
- hwb(31 55% 26%)
- OKLCH
- oklch(0.736 0.046 69.3)
- OKLab
- oklab(0.736 0.016 0.043)
- CIE Lab
- lab(69.37 6.08 16.93)
- LCH
- lch(69.37 17.99 70.2)
- CMYK
- cmyk(0% 13% 26% 26%)
Tons claros · Sombras · Tons
Tons claros
- C4AE96
- CAB7A2
- D1BFAD
- D7C8B8
- DED1C4
- E4DAD0
- EBE3DB
- F2EDE7
- F8F6F3
Sombras
- A48F78
- 8C7966
- 746554
- 5D5143
- 473D32
- 332B23
- 1F1A14
- 0D0A07
- 020101
Tons
- B7A18A
- B19E89
- AA9A88
- A49687
- 9E9286
- 988F85
- 928B84
- 8C8782
- 868481
Harmonias de cor
Complementar +180°
- BDA58B
Oakwood
- 94ADC6
≈ Nordland Light Blue
Análoga -30° +30°
- BDA58B
Oakwood
- C4A095
≈ Andes Ash
- B0AB8A
≈ Underhive Ash
Tríade +120° +240°
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 8.91:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
CSS
:root {
--oakwood: #bda58b;
--oakwood-rgb: 189 165 139;
--oakwood-oklch: oklch(0.736 0.046 69.3);
}
.element {
color: var(--oakwood);
background-color: hsl(31 27% 64%);
border-color: oklch(0.736 0.046 69.3);
}Tailwind CSS v4
@theme {
--color-oakwood: #bda58b;
--color-oakwood-50: #fef3e7;
--color-oakwood-100: #f2e6d8;
--color-oakwood-200: #e1d1c0;
--color-oakwood-300: #c7b49e;
--color-oakwood-400: #b19a82;
--color-oakwood-500: #9a8165;
--color-oakwood-600: #836d56;
--color-oakwood-700: #695745;
--color-oakwood-800: #4d4031;
--color-oakwood-900: #362c22;
--color-oakwood-950: #211911;
}SCSS
$oakwood: #bda58b;
$oakwood-rgb: 189, 165, 139;
$oakwood-light: mix(#fff, $oakwood, 20%);
$oakwood-dark: mix(#000, $oakwood, 20%);
.element {
color: $oakwood;
box-shadow: 0 0 0 2px rgba($oakwood, 0.35);
}