Light Orange

#FFDBBB

What color is Light Orange?

Light orange is a pale, warm tone that sits between peach and a diluted tangerine, hex #FFDBBB, with a soft, almost powdery brightness. It has the gentle warmth of fresh apricot flesh, without the deeper richness of a full orange.

What is the meaning of the color Light Orange?

The name traces to the broader orange family, which entered English as a color term around 1512, derived from the Sanskrit naranga through Arabic and Old French. As textile dyeing expanded in Europe during the 17th century, lighter orange tints became achievable through diluted saffron and safflower dyes, making pale orange shades accessible beyond the luxury market. By the 20th century, softer orange tones gained wider use in interior design and commercial packaging, valued for their approachable warmth. Faber-Castell introduced light orange as a named pencil color in their standardized artist ranges, anchoring the shade as a recognized color category in everyday creative tools.

RGB
255, 219, 187
HSL
28°, 100%, 87%
CMYK
0, 14, 27, 0
HSV
28°, 27%, 100%
Light orange color

What colors go with Light Orange?

Colors that pair well with Light orange include:
Soft white: clean, airy balance
Dusty rose: warm tonal harmony
Sage green: fresh, natural contrast
Deep brown: grounded, rich depth
Pale gold: warm, glowing closeness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFDBBB color: #FFDBBB;
RGB 255, 219, 187 color: rgb(255, 219, 187);
RGB Percentage 100%, 86%, 73% color: rgb(100%, 86%, 73%);
CMYK 0%, 14%, 27%, 0% Not supported in CSS
HSL 28°, 100%, 87% color: hsl(28, 100%, 87%);
HSV 28°, 27%, 100% Not supported in CSS
CIE-LAB 70, 7, 11 color: lab(70% 7 11);
Decimal 16767931 Not supported in CSS

Color Variations

Shades

#FFDCBD
#FFC490
#FFAC64
#FF9538
#FF7D0B
#DE6800
#B15300
#853E00

Tints

#FFF4EB
#FFF1E4
#FFEDDE
#FFEAD7
#FFE6D1
#FFE3CA
#FFDFC3
#FFDCBD

Tones

#FFDCBD
#FCDCC0
#F8DCC3
#F5DCC7
#F2DDCA
#EEDDCD
#EBDDD1
#E8DDD4

Hues

#FFDCBD
#F1FFBD
#BFFFBD
#BDFFEC
#BDE0FF
#CBBDFF
#FDBDFF
#FFBDCF

Color Harmonies

Analogous

#FFBDBF
Click to copy
#FFDBBB
Click to copy
#FFFDBD
Click to copy

Complementary

#FFDBBB
Click to copy
#BDE0FF
Click to copy

Split Complementary

#FFDBBB
Click to copy
#BDFFFD
Click to copy
#BDBFFF
Click to copy

Triadic

#FFDBBB
Click to copy
#BDFFDC
Click to copy
#DCBDFF
Click to copy

Tetradic

#FFDBBB
Click to copy
#BFFFBD
Click to copy
#BDE0FF
Click to copy
#FDBDFF
Click to copy

Square

#FFDBBB
Click to copy
#BFFFBD
Click to copy
#BDE0FF
Click to copy
#FDBDFF
Click to copy

CSS & Dev Snippets

CSS
.light-orange {
  color: #FFDBBB;
}
SCSS
$light-orange: #FFDBBB;
RGB
rgb(255, 219, 187)

Accessibility & Contrast

White background

1.30:1
1.30
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

16.10:1
16.10
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags