Named color · #EFDAC2
Indian White
Indian White is #EFDAC2: rgb(239 218 194), hsl(32 58% 85%), oklch(0.899 0.04 71). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Indian White color name →
#EFDAC2
oklch(0.899 0.04 71)
Color conversions
- HEX
- #efdac2
- RGB
- rgb(239 218 194)
- HSL
- hsl(32 58% 85%)
- HWB
- hwb(32 76% 6%)
- OKLCH
- oklch(0.899 0.04 71)
- OKLab
- oklab(0.899 0.013 0.037)
- CIE Lab
- lab(88.32 4.7 14.63)
- LCH
- lch(88.32 15.36 72.2)
- CMYK
- cmyk(0% 9% 19% 6%)
Tints · Shades · Tones
Tints
- F1DEC8
- F2E1CE
- F4E5D4
- F6E9DA
- F7ECE0
- F9F0E7
- FAF4ED
- FCF8F3
- FDFBF9
Shades
- D0BDA8
- B1A28F
- 948777
- 786C60
- 5C5449
- 423C34
- 2A2520
- 14110E
- 030202
Tones
- E3D1BB
- D8C7B5
- CCBEAE
- C1B5A7
- B6ACA1
- ABA39A
- A09A93
- 95918D
- 8B8986
Color harmonies
Complementary +180°
- EFDAC2
Indian White
- CBE0F8
≈ Light Breeze
Analogous -30° +30°
- EFDAC2
Indian White
- F6D6CA
≈ Fluffy Pink
- E3DFC1
≈ Crispa
Triadic +120° +240°
- EFDAC2
Indian White
- C1E7E4
≈ Tropical Waterfall
- E6D7F2
≈ Pouty Purple
Split-complementary +150° +210°
- EFDAC2
Indian White
- C2E4F0
≈ Skylark
- D8DBF8
≈ Nostalgia Perfume
Tetradic +90° +180° +270°
- EFDAC2
Indian White
- C8E6D5
≈ Mint Smoothie
- CBE0F8
≈ Light Breeze
- F1D4E6
≈ Infatuation
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.47:1 · APCA Lc 86
Best text color: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--indian-white: #efdac2;
--indian-white-rgb: 239 218 194;
--indian-white-oklch: oklch(0.899 0.04 71);
}
.element {
color: var(--indian-white);
background-color: hsl(32 58% 85%);
border-color: oklch(0.899 0.04 71);
}Tailwind CSS v4
@theme {
--color-indian-white: #efdac2;
--color-indian-white-50: #fcf4e9;
--color-indian-white-100: #f0e6da;
--color-indian-white-200: #dfd2c2;
--color-indian-white-300: #c4b5a2;
--color-indian-white-400: #ae9b85;
--color-indian-white-500: #97826a;
--color-indian-white-600: #806e5a;
--color-indian-white-700: #665848;
--color-indian-white-800: #4c4034;
--color-indian-white-900: #342c23;
--color-indian-white-950: #201912;
}SCSS
$indian-white: #efdac2;
$indian-white-rgb: 239, 218, 194;
$indian-white-light: mix(#fff, $indian-white, 20%);
$indian-white-dark: mix(#000, $indian-white, 20%);
.element {
color: $indian-white;
box-shadow: 0 0 0 2px rgba($indian-white, 0.35);
}