Maroon Colors  ·  Color Library

Palettes / Colors / #EECBAF

#EECBAF — Light Orange

#EECBAF is a orange color we call Light Orange, closest to the named color Wheat (#F5DEB3). It belongs to the orange family.

#EECBAF is a warm orange color associated with warmth, appetite and friendliness. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #AFD2EE; it also sits naturally between #EEAFB2 and #EEEBAF. In the palettes below you can see it working alongside real color combinations from our collection.

#EECBAF · RGB 238, 203, 175

Download PNG swatch SVG

Color values

HEX#EECBAF
RGB238, 203, 175
HSL27°, 65%, 81%
HSV27°, 26%, 93%
CMYK0%, 15%, 26%, 7%
XYZ64.35, 63.98, 49.52
Yxy63.98, 0.3618, 0.3598
CIE-Lab83.96, 8.20, 18.54
Hunter Lab79.99, 8.02, 15.51

RGB & CMYK percentages

Red 93% · Green 80% · Blue 69%

Cyan 0% · Magenta 15% · Yellow 26% · Key 7%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #EECBAF on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #EECBAF on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #EECBAF

.text { color: #EECBAF; }
.background { background-color: #EECBAF; }
.border { border: 3px solid #EECBAF; }
.text-rgb { color: rgb(238, 203, 175); }
.text-hsl { color: hsl(27, 65%, 81%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EECBAF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(238, 203, 175, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EECBAF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(238, 203, 175, 0.8); }

HTML: <p style="color:#EECBAF">Text here</p> · <div style="background-color:#EECBAF">Div content here</div>

Shades of #EECBAF

#E7B68D#E1A370#DA8D4E#D2772D#B56726#93531F#724018#502D11#321D0B#110A04

Tints of #EECBAF

#F0D1B7#F1D4BC#F3D9C4#F3DCC8#F5E1D1#F6E4D5#F8E9DD#F9ECE2#FBF1EA#FBF4EE

Tones of #EECBAF

#EACCB3#E5CCB8#E0CDBD#DCCDC1#D8CEC5#D3CECA

Color harmonies

Complementary — #AFD2EE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.52:1 Fails
Against black text13.80:1 AAA

Best text color on #EECBAF: #000000.

How #EECBAF looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #DFDFB6Deuteranopia · #E1E4B7Tritanopia · #ECBBBC

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9EMaterial Yellow 500 · #FFEB3B

Palettes with a similar color

These palettes use a close neighbour of #EECBAF rather than the exact color:

Palette F5e8c7
#F5E8C7 · #ECCCB2 · #DEB6AB · #AC7088
Palette 131842
#131842 · #E68369 · #ECCEAE · #FBF6E2
Gentle Ruby Mirage
#EFC6B0 · #D4E2B8 · #D9F7E3 · #BAE0F0
Scarlet Petal
#DCDEF4 · #DBBEE5 · #EDB8CF · #EEC7AB
Palette F9fbe7
#F9FBE7 · #F0EDD4 · #ECCDB4 · #FEA1A1
Wild Marble
#2266B7 · #5280DF · #DA913A · #EBCBB4

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#ECCCB2#ECCEAE#EFC6B0#EEC7AB#ECCDB4#EBCBB4#E8CAAE#EACEB4#EFD2B0#EDCFA9#F5C9B0#EEC3AE

Browse neighbouring colors

← #EECBAE  ·  #EECBB0 →

Frequently asked questions

What color is #EECBAF?

#EECBAF is Light Orange, a orange color (RGB 238, 203, 175). Its closest standard named color is Wheat.

What is the RGB and HSL of #EECBAF?

#EECBAF is RGB 238, 203, 175 — HSL 27°, 65%, 81% — CMYK 0%, 15%, 26%, 7%.

What colors go with #EECBAF?

Its complement is #AFD2EE; analogous partners are #EEAFB2 and #EEEBAF. It also appears in 6+ palettes in our collection.

Can I use #EECBAF for text?

Black text on #EECBAF has a contrast ratio of 13.80:1 (passes WCAG AA); white text gives 1.52:1.