Named color · #EECCAA
Masala Chai
Masala Chai is #EECCAA: rgb(238 204 170), hsl(30 67% 80%), oklch(0.866 0.059 66.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Masala Chai color name →
#EECCAA
oklch(0.866 0.059 66.9)
Color conversions
- HEX
- #eeccaa
- RGB
- rgb(238 204 170)
- HSL
- hsl(30 67% 80%)
- HWB
- hwb(30 67% 7%)
- OKLCH
- oklch(0.866 0.059 66.9)
- OKLab
- oklab(0.866 0.023 0.055)
- CIE Lab
- lab(84.35 8.73 21.67)
- LCH
- lch(84.35 23.36 68.1)
- CMYK
- cmyk(0% 14% 29% 7%)
Tints · Shades · Tones
Tints
- F0D1B3
- F2D6BB
- F3DBC3
- F5E0CC
- F7E6D4
- F9EBDD
- FAF0E5
- FCF5EE
- FDFAF6
Shades
- CFB193
- B1977D
- 937E68
- 776553
- 5C4E3F
- 42372D
- 2A221B
- 140F0B
- 030201
Tones
- E3C4A6
- D7BCA2
- CCB59E
- C1AD99
- B6A595
- AB9E91
- A0968D
- 958F89
- 8B8784
Color harmonies
Complementary +180°
- EECCAA
Masala Chai
- B4D7F8
≈ Blue Rice
Analogous -30° +30°
- EECCAA
Masala Chai
- F7C6B8
≈ Serene Pink
- DDD4A7
≈ Dull Sage
Triadic +120° +240°
- EECCAA
Masala Chai
- A7E0D9
≈ High Altitude
- DDC9F2
≈ Foggy Love
Split-complementary +150° +210°
- EECCAA
Masala Chai
- A7DDEC
≈ Non-Photo Blue
- C8D0FA
≈ Pale Phthalo Blue
Tetradic +90° +180° +270°
- EECCAA
Masala Chai
- B4DFC3
≈ Quantum Effect
- B4D7F8
≈ Blue Rice
- EDC5E1
≈ Sweet Murmur
Contrast & accessibility
Ag
FailOn white
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.85:1 · APCA Lc 79
Best text color: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--masala-chai: #eeccaa;
--masala-chai-rgb: 238 204 170;
--masala-chai-oklch: oklch(0.866 0.059 66.9);
}
.element {
color: var(--masala-chai);
background-color: hsl(30 67% 80%);
border-color: oklch(0.866 0.059 66.9);
}Tailwind CSS v4
@theme {
--color-masala-chai: #eeccaa;
--color-masala-chai-50: #fff3e3;
--color-masala-chai-100: #f5e5d3;
--color-masala-chai-200: #e6d0ba;
--color-masala-chai-300: #ccb297;
--color-masala-chai-400: #b79879;
--color-masala-chai-500: #a17f5b;
--color-masala-chai-600: #886b4e;
--color-masala-chai-700: #6d563e;
--color-masala-chai-800: #513e2c;
--color-masala-chai-900: #382b1e;
--color-masala-chai-950: #23180e;
}SCSS
$masala-chai: #eeccaa;
$masala-chai-rgb: 238, 204, 170;
$masala-chai-light: mix(#fff, $masala-chai, 20%);
$masala-chai-dark: mix(#000, $masala-chai, 20%);
.element {
color: $masala-chai;
box-shadow: 0 0 0 2px rgba($masala-chai, 0.35);
}