Named color · #D3B09C
Indian Khaki
Indian Khaki is #D3B09C: rgb(211 176 156), hsl(22 38% 72%), oklch(0.783 0.049 51.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Indian Khaki color name →
#D3B09C
oklch(0.783 0.049 51.4)
Color conversions
- HEX
- #d3b09c
- RGB
- rgb(211 176 156)
- HSL
- hsl(22 38% 72%)
- HWB
- hwb(22 61% 17%)
- OKLCH
- oklch(0.783 0.049 51.4)
- OKLab
- oklab(0.783 0.031 0.039)
- CIE Lab
- lab(74.59 10.89 15.27)
- LCH
- lch(74.59 18.76 54.5)
- CMYK
- cmyk(0% 17% 26% 17%)
Tints · Shades · Tones
Tints
- D8B8A6
- DCC0AF
- E1C7B9
- E5CFC3
- E9D7CD
- EEDFD7
- F2E7E1
- F6EFEB
- FBF7F5
Shades
- B79987
- 9C8273
- 826C5F
- 69564C
- 514239
- 3A2E28
- 241C18
- 100B09
- 020101
Tones
- CAAB99
- C2A697
- BAA194
- B19D91
- A9988E
- A1938B
- 988E89
- 908986
- 888583
Color harmonies
Complementary +180°
- D3B09C
Indian Khaki
- 99BFD3
≈ Neptune’s Realm
Analogous -30° +30°
- D3B09C
Indian Khaki
- D6ACAA
≈ Pale Persimmon
- C9B695
≈ Desert Pebble
Triadic +120° +240°
- D3B09C
Indian Khaki
- 99C3B4
≈ Stanley
- B8B3D6
≈ Wild Orchid Blue
Split-complementary +150° +210°
- D3B09C
Indian Khaki
- 93C2C5
≈ Chuff Blue
- A7B9D9
≈ Conclave
Tetradic +90° +180° +270°
- D3B09C
Indian Khaki
- A7C1A3
≈ Pale Mint
- 99BFD3
≈ Neptune’s Realm
- C7AECC
≈ Orchid Bloom
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.45:1 · APCA Lc 63
Best text color: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--indian-khaki: #d3b09c;
--indian-khaki-rgb: 211 176 156;
--indian-khaki-oklch: oklch(0.783 0.049 51.4);
}
.element {
color: var(--indian-khaki);
background-color: hsl(22 38% 72%);
border-color: oklch(0.783 0.049 51.4);
}Tailwind CSS v4
@theme {
--color-indian-khaki: #d3b09c;
--color-indian-khaki-50: #fff2e8;
--color-indian-khaki-100: #f6e4d9;
--color-indian-khaki-200: #e6cfc1;
--color-indian-khaki-300: #cdb1a0;
--color-indian-khaki-400: #b79784;
--color-indian-khaki-500: #a17d68;
--color-indian-khaki-600: #886a59;
--color-indian-khaki-700: #6d5547;
--color-indian-khaki-800: #513e33;
--color-indian-khaki-900: #382a23;
--color-indian-khaki-950: #231812;
}SCSS
$indian-khaki: #d3b09c;
$indian-khaki-rgb: 211, 176, 156;
$indian-khaki-light: mix(#fff, $indian-khaki, 20%);
$indian-khaki-dark: mix(#000, $indian-khaki, 20%);
.element {
color: $indian-khaki;
box-shadow: 0 0 0 2px rgba($indian-khaki, 0.35);
}