Light Yellow

#FFFFC5

What color is Light Yellow?

Light yellow is a pale, soft yellow with a warm, almost creamy tone, hex #FFFFC5, close to the color of a chamomile flower. The shade has very little saturation, giving it a gentle, washed-out brightness rather than a sharp or vivid yellow.

What is the meaning of the color Light Yellow?

The name light yellow describes a tint of yellow, one of the oldest color terms in English, recorded as a basic color word before the 12th century. Yellow dyes from plants such as weld and saffron were used across medieval Europe, but pale yellow tints became especially fashionable in 18th-century French interior design, where soft, muted tones were applied to silk wallpapers and painted furniture. By the 20th century, pale yellow had become a common choice for nursery and hospital interiors, promoted by color psychology research at institutions including the Faber Birren Color Research Library, which associated the hue with calm and low stimulation. The shade is now associated with Pantone 600 C, a close match used in stationery and soft goods branding.

RGB
255, 255, 197
HSL
60°, 100%, 89%
CMYK
0, 0, 23, 0
HSV
60°, 23%, 100%
Light yellow color

What colors go with Light Yellow?

Colors that pair well with Light yellow include:
Soft white: clean, airy brightness
Sage green: gentle natural contrast
Light lavender: cool, delicate balance
Warm gray: subtle grounding tone
Pale peach: soft warm harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFFFC5 color: #FFFFC5;
RGB 255, 255, 197 color: rgb(255, 255, 197);
RGB Percentage 100%, 100%, 77% color: rgb(100%, 100%, 77%);
CMYK 0%, 0%, 23%, 0% Not supported in CSS
HSL 60°, 100%, 89% color: hsl(60, 100%, 89%);
HSV 60°, 23%, 100% Not supported in CSS
CIE-LAB 71, 0, 19 color: lab(71% 0 19);
Decimal 16777157 Not supported in CSS

Color Variations

Shades

#FFFFC7
#FFFF9A
#FFFF6C
#FFFF3F
#FFFF11
#E3E300
#B6B600
#888800

Tints

#FFFFEE
#FFFFE9
#FFFFE3
#FFFFDD
#FFFFD8
#FFFFD2
#FFFFCD
#FFFFC7

Tones

#FFFFC7
#FCFCCA
#F9F9CD
#F7F7CF
#F4F4D2
#F1F1D5
#EEEED8
#EBEBDB

Hues

#FFFFC7
#D5FFC7
#C7FFE3
#C7F1FF
#C7C7FF
#F1C7FF
#FFC7E3
#FFD5C7

Color Harmonies

Analogous

#FFE3C7
Click to copy
#FFFFC5
Click to copy
#E3FFC7
Click to copy

Complementary

#FFFFC5
Click to copy
#C7C7FF
Click to copy

Split Complementary

#FFFFC5
Click to copy
#C7E3FF
Click to copy
#E3C7FF
Click to copy

Triadic

#FFFFC5
Click to copy
#C7FFFF
Click to copy
#FFC7FF
Click to copy

Tetradic

#FFFFC5
Click to copy
#C7FFE3
Click to copy
#C7C7FF
Click to copy
#FFC7E3
Click to copy

Square

#FFFFC5
Click to copy
#C7FFE3
Click to copy
#C7C7FF
Click to copy
#FFC7E3
Click to copy

CSS & Dev Snippets

CSS
.light-yellow {
  color: #FFFFC5;
}
SCSS
$light-yellow: #FFFFC5;
RGB
rgb(255, 255, 197)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags