Color con nombre · #D2B183
Light Oak
Light Oak es #D2B183: rgb(210 177 131), hsl(35 47% 67%), oklch(0.778 0.072 75.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Light Oak color name →
#D2B183
oklch(0.778 0.072 75.6)
Conversiones de color
- HEX
- #d2b183
- RGB
- rgb(210 177 131)
- HSL
- hsl(35 47% 67%)
- HWB
- hwb(35 51% 18%)
- OKLCH
- oklch(0.778 0.072 75.6)
- OKLab
- oklab(0.778 0.018 0.07)
- CIE Lab
- lab(74.34 7.65 28.26)
- LCH
- lch(74.34 29.28 74.9)
- CMYK
- cmyk(0% 16% 38% 18%)
Tintes · Sombras · Tonos
Tintes
- D7B98F
- DBC09C
- E0C8A8
- E4D0B4
- E9D8C1
- EDE0CD
- F2E7DA
- F6EFE6
- FBF7F2
Sombras
- B69971
- 9B8360
- 816C4F
- 68573F
- 50422F
- 392F20
- 241C12
- 100C06
- 020101
Tonos
- CAAC83
- C1A783
- B9A283
- B19D83
- A89883
- A09482
- 988F82
- 908A81
- 888581
Armonías de color
Complementario +180°
- D2B183
Light Oak
- 99B9E5
≈ Honest
Análogo -30° +30°
- D2B183
Light Oak
- DFA991
≈ Rose Tattoo
- BDBA84
≈ Slippery Moss
Triádico +120° +240°
- D2B183
Light Oak
- 7EC6C6
≈ Bay Mist
- C9A9D7
≈ Darling Lilac
Complementario dividido +150° +210°
- D2B183
Light Oak
- 84C1DA
≈ Blue Charm
- B2B1E4
≈ Beloved
Tetrádico +90° +180° +270°
- D2B183
Light Oak
- 8AC6AC
≈ Hellion Green
- 99B9E5
≈ Honest
- DAA5C1
≈ Rhubarb Gin
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.35:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--light-oak: #d2b183;
--light-oak-rgb: 210 177 131;
--light-oak-oklch: oklch(0.778 0.072 75.6);
}
.element {
color: var(--light-oak);
background-color: hsl(35 47% 67%);
border-color: oklch(0.778 0.072 75.6);
}Tailwind CSS v4
@theme {
--color-light-oak: #d2b183;
--color-light-oak-50: #fff3df;
--color-light-oak-100: #f6e5ce;
--color-light-oak-200: #e6d1b2;
--color-light-oak-300: #ccb38e;
--color-light-oak-400: #b7996e;
--color-light-oak-500: #a27f4e;
--color-light-oak-600: #896c42;
--color-light-oak-700: #6e5635;
--color-light-oak-800: #513f25;
--color-light-oak-900: #392b19;
--color-light-oak-950: #23180a;
}SCSS
$light-oak: #d2b183;
$light-oak-rgb: 210, 177, 131;
$light-oak-light: mix(#fff, $light-oak, 20%);
$light-oak-dark: mix(#000, $light-oak, 20%);
.element {
color: $light-oak;
box-shadow: 0 0 0 2px rgba($light-oak, 0.35);
}