Cor nomeada · #DBC79F
Classic Khaki
Classic Khaki é #DBC79F: rgb(219 199 159), hsl(40 45% 74%), oklch(0.836 0.058 84.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Classic Khaki color name →
#DBC79F
oklch(0.836 0.058 84.5)
Conversões de cor
- HEX
- #dbc79f
- RGB
- rgb(219 199 159)
- HSL
- hsl(40 45% 74%)
- HWB
- hwb(40 62% 14%)
- OKLCH
- oklch(0.836 0.058 84.5)
- OKLab
- oklab(0.836 0.006 0.057)
- CIE Lab
- lab(81.18 2.79 22.8)
- LCH
- lch(81.18 22.97 83)
- CMYK
- cmyk(0% 9% 27% 14%)
Tons claros · Sombras · Tons
Tons claros
- DFCDA9
- E2D2B2
- E6D8BC
- E9DDC5
- EDE3CF
- F1E9D8
- F4EEE2
- F8F4EC
- FBF9F5
Sombras
- BEAD8A
- A29375
- 877A61
- 6D624D
- 544C3B
- 3C3629
- 262118
- 110E09
- 020201
Tons
- D2C09C
- C8B899
- BFB196
- B6AA93
- ACA390
- A39C8D
- 9A958A
- 928E87
- 898783
Harmonias de cor
Complementar +180°
- DBC79F
Classic Khaki
- B7CAF0
≈ Cuddle
Análoga -30° +30°
- DBC79F
Classic Khaki
- E8C0A6
≈ Biscuit Beige
- C8CEA4
≈ Baize Green
Tríade +120° +240°
- DBC79F
Classic Khaki
- 9DD5DB
≈ Dulcet
- DDBDDF
≈ Faded Violet
Complementar dividida +150° +210°
- DBC79F
Classic Khaki
- A5D0EA
≈ Little Pond
- CBC3EC
≈ Violet Gems
Tétrade +90° +180° +270°
- DBC79F
Classic Khaki
- A3D6C7
≈ Yucca Cream
- B7CAF0
≈ Cuddle
- E9BACB
≈ Pink Mist
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.68:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--classic-khaki: #dbc79f;
--classic-khaki-rgb: 219 199 159;
--classic-khaki-oklch: oklch(0.836 0.058 84.5);
}
.element {
color: var(--classic-khaki);
background-color: hsl(40 45% 74%);
border-color: oklch(0.836 0.058 84.5);
}Tailwind CSS v4
@theme {
--color-classic-khaki: #dbc79f;
--color-classic-khaki-50: #fcf4e3;
--color-classic-khaki-100: #f0e7d3;
--color-classic-khaki-200: #dfd3b9;
--color-classic-khaki-300: #c4b696;
--color-classic-khaki-400: #ae9c78;
--color-classic-khaki-500: #988359;
--color-classic-khaki-600: #816f4c;
--color-classic-khaki-700: #67593d;
--color-classic-khaki-800: #4c412b;
--color-classic-khaki-900: #352d1d;
--color-classic-khaki-950: #201a0d;
}SCSS
$classic-khaki: #dbc79f;
$classic-khaki-rgb: 219, 199, 159;
$classic-khaki-light: mix(#fff, $classic-khaki, 20%);
$classic-khaki-dark: mix(#000, $classic-khaki, 20%);
.element {
color: $classic-khaki;
box-shadow: 0 0 0 2px rgba($classic-khaki, 0.35);
}