Light Blue

#90D5FF
RGB
144, 213, 255
HSL
203°, 100%, 78%
CMYK
44, 16, 0, 0
HSV
203°, 44%, 100%

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
Light Cyan
90%
#90D5FF
Click to copy
Light blue
100%
#8F9CFF
Click to copy
Light Blue
87%

Complementary

#90D5FF
Click to copy
Light blue
100%
#FFBA8F
Click to copy
Light Red
64%

Split Complementary

#90D5FF
Click to copy
Light blue
100%
#FF8F9C
Click to copy
Light Magenta
63%
#FFF28F
Click to copy
Light Orange
64%

Triadic

#90D5FF
Click to copy
Light blue
100%
#FF8FD4
Click to copy
Light Purple
69%
#D4FF8F
Click to copy
Light Yellow
69%

Tetradic

#90D5FF
Click to copy
Light blue
100%
#F28FFF
Click to copy
Light Purple
73%
#FFBA8F
Click to copy
Light Red
64%
#9CFF8F
Click to copy
Light Green
73%

Square

#90D5FF
Click to copy
Light blue
100%
#F28FFF
Click to copy
Light Purple
73%
#FFBA8F
Click to copy
Light Red
64%
#9CFF8F
Click to copy
Light Green
73%

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