Benannte Farbe · #D9C7AA
New Khaki
New Khaki ist #D9C7AA: rgb(217 199 170), hsl(37 38% 76%), oklch(0.837 0.044 79.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · New Khaki color name →
#D9C7AA
oklch(0.837 0.044 79.7)
Farbumrechnungen
- HEX
- #d9c7aa
- RGB
- rgb(217 199 170)
- HSL
- hsl(37 38% 76%)
- HWB
- hwb(37 67% 15%)
- OKLCH
- oklch(0.837 0.044 79.7)
- OKLab
- oklab(0.837 0.008 0.043)
- CIE Lab
- lab(81.19 3.15 16.99)
- LCH
- lch(81.19 17.28 79.5)
- CMYK
- cmyk(0% 8% 22% 15%)
Tints · Shades · Tones
Tints
- DDCDB2
- E1D2BB
- E4D8C3
- E8DDCC
- ECE3D4
- F0E8DD
- F4EEE5
- F7F4EE
- FBF9F6
Shades
- BCAD93
- A1937D
- 867A68
- 6C6253
- 534C3F
- 3B362D
- 25211B
- 110E0B
- 020201
Tones
- D0C0A6
- C7B8A2
- BDB19D
- B4AA99
- ACA395
- A39C91
- 9A958D
- 918E88
- 898784
Farbharmonien
Komplementär +180°
- D9C7AA
New Khaki
- B9CBE7
≈ Periwinkle Dream
Analog -30° +30°
- D9C7AA
New Khaki
- E2C2B1
≈ Sunwashed Brick
- CBCDAC
≈ Eaves
Triadisch +120° +240°
- D9C7AA
New Khaki
- A9D3D5
≈ Iced Aqua
- D7C1DC
≈ New Violet
Geteilt komplementär +150° +210°
- D9C7AA
New Khaki
- ADD0E1
≈ Flemish Blue
- C8C5E5
≈ Purple Purity
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.65:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.70:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.70:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--new-khaki: #d9c7aa;
--new-khaki-rgb: 217 199 170;
--new-khaki-oklch: oklch(0.837 0.044 79.7);
}
.element {
color: var(--new-khaki);
background-color: hsl(37 38% 76%);
border-color: oklch(0.837 0.044 79.7);
}Tailwind CSS v4
@theme {
--color-new-khaki: #d9c7aa;
--color-new-khaki-50: #fcf4e7;
--color-new-khaki-100: #efe7d8;
--color-new-khaki-200: #ded3c0;
--color-new-khaki-300: #c3b69f;
--color-new-khaki-400: #ac9c82;
--color-new-khaki-500: #968365;
--color-new-khaki-600: #7f6f56;
--color-new-khaki-700: #655945;
--color-new-khaki-800: #4b4131;
--color-new-khaki-900: #342d21;
--color-new-khaki-950: #1f1a11;
}SCSS
$new-khaki: #d9c7aa;
$new-khaki-rgb: 217, 199, 170;
$new-khaki-light: mix(#fff, $new-khaki, 20%);
$new-khaki-dark: mix(#000, $new-khaki, 20%);
.element {
color: $new-khaki;
box-shadow: 0 0 0 2px rgba($new-khaki, 0.35);
}