Light Blue#ADD8E6

Light Blue Hex Code: #ADD8E6

Light Blue is a very light, muted cyan. Its OKLCH lightness is 86% and chroma 0.049. Text on this color reads best in black (contrast 13.74:1).

HEX	`#ADD8E6`
RGB	`rgb(173, 216, 230)`
HSL	`hsl(195, 53%, 79%)`
HSV / HSB	`hsv(195, 25%, 90%)`
CMYK	`cmyk(25%, 6%, 0%, 10%)`
OKLCH	`oklch(85.6% 0.049 219.7)`

Open in converter →

Contrast

White text1.53:1

AAAA largeAAA

Black text13.74:1

AAAA largeAAA

On white1.53:1

AAAA largeAAA

On black13.74:1

AAAA largeAAA

Matching colors

Complementary

#ADD8E6Light Blue#E6BBAD

Analogous

#ADD8E6Light Blue#ADE6D7#ADBCE6

Triadic

#ADD8E6Light Blue#E6ADD8#D8E6AD

Split complementary

#ADD8E6Light Blue#E6ADBC#E6D7AD

Similar named colors

Powder Blue#B0E0E6Light Gray#D3D3D3Light Steel Blue#B0C4DEBaby Blue#89CFF0Sky Blue#87CEEBPale Turquoise#AFEEEELight Sky Blue#87CEFAGainsboro#DCDCDC

All color names →

Code

CSS	`color: #ADD8E6;`
Tailwind	`bg-[#add8e6]`
SwiftUI	`Color(red: 0.678, green: 0.847, blue: 0.902)`
Android	`Color.parseColor("#ADD8E6")`
Flutter	`Color(0xFFADD8E6)`

Light Blue is a CSS named color (lightblue); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for light blue?

Light Blue is #ADD8E6 in hex and rgb(173, 216, 230) in RGB.

What is light blue in CMYK?

With the plain conversion formula it is cmyk(25, 6, 0, 10). For print, convert with your printer's ICC profile instead.

What text color works on light blue?

Black text has the higher contrast at 13.74:1, which passes WCAG AA for normal text (4.5:1).