Light Blue

#90D5FF

What color is Light Blue?

Light blue is a soft, pale shade of blue with a clean, airy quality, hex #90D5FF, similar to a clear midday sky. It has enough color to read as distinctly blue, but light enough to feel open and gentle.

What is the meaning of the color Light Blue?

In the early 19th century, light blue began appearing as a gender marker for infants in parts of Europe, with blue assigned to boys in some countries and pink to girls in others — a practice that varied by region before settling into wider convention. The color gained lasting cultural weight through its adoption in heraldry and national dress, and the University of Cambridge claimed light blue as its official color for the annual Oxford-Cambridge Boat Race first held in 1829. Tiffany & Co. registered its specific shade of light blue, Pantone 1837, as a trademark color, anchoring the tone to luxury and occasion in the modern retail world.

RGB
144, 213, 255
HSL
203°, 100%, 78%
CMYK
44, 16, 0, 0
HSV
203°, 44%, 100%
Light blue color

What colors go with Light Blue?

Colors that pair well with Light blue include:
White: clean, open freshness
Navy: strong anchoring contrast
Soft coral: warm, lively balance
Grey: quiet, understated pairing
Gold: rich, warm lift

Similar Colors

Conversions & Codes

Format Value CSS
HEX #90D5FF color: #90D5FF;
RGB 144, 213, 255 color: rgb(144, 213, 255);
RGB Percentage 56%, 84%, 100% color: rgb(56%, 84%, 100%);
CMYK 44%, 16%, 0%, 0% Not supported in CSS
HSL 203°, 100%, 78% color: hsl(203, 100%, 78%);
HSV 203°, 44%, 100% Not supported in CSS
CIE-LAB 62, -14, -14 color: lab(62% -14 -14);
Decimal 9491967 Not supported in CSS

Color Variations

Shades

#8FD4FF
#67C5FF
#3FB5FF
#17A6FF
#0093EF
#007BC7
#00629F
#004A77

Tints

#DDF2FF
#D2EEFF
#C7E9FF
#BCE5FF
#B0E1FF
#A5DDFF
#9AD8FF
#8FD4FF

Tones

#8FD4FF
#94D3F9
#9AD1F4
#A0D0EE
#A5CFE9
#ABCDE3
#B0CCDD
#B6CBD8

Hues

#8FD4FF
#9E8FFF
#F28FFF
#FF8FB8
#FFBA8F
#F0FF8F
#9CFF8F
#8FFFD6

Color Harmonies

Analogous

#8FFFF2
Click to copy
#90D5FF
Click to copy
#8F9CFF
Click to copy

Complementary

#90D5FF
Click to copy
#FFBA8F
Click to copy

Split Complementary

#90D5FF
Click to copy
#FF8F9C
Click to copy
99%
#FFF28F
Click to copy

Triadic

#90D5FF
Click to copy
#FF8FD4
Click to copy
#D4FF8F
Click to copy

Tetradic

#90D5FF
Click to copy
#F28FFF
Click to copy
#FFBA8F
Click to copy
#9CFF8F
Click to copy

Square

#90D5FF
Click to copy
#F28FFF
Click to copy
#FFBA8F
Click to copy
#9CFF8F
Click to copy

CSS & Dev Snippets

CSS
.light-blue {
  color: #90D5FF;
}
SCSS
$light-blue: #90D5FF;
RGB
rgb(144, 213, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags