#88DDFB

#88DDFB

Color Values

HEX

#88DDFB

RGB

136, 221, 251

HSL

195,7, 93,5%, 75,9%

HSV

195,7, 45,8%, 98,4%

CMYK

45,8%, 12,0%, 0,0%, 1,6%

OKLCH

0,8542 0,0923 222,6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#88DDFB

#FBA688

Analogous

#88FBE0

#88A3FB

#88DDFB

Triadic

#88DDFB

#FB88DD

#DDFB88

Split Complementary

#88DDFB

#FB88A3

#FBE088

Tetradic

#88DDFB

#E088FB

#FBA688

#A3FB88

Color Blindness Simulation

Original

#88DDFB

Protanopia

#ADAEF4

Deuteranopia

#A8A2F2

Tritanopia

#8CEEED

Achromatopsia

#CDCDCD

CSS Usage

background-color: #88DDFB;
color: #88DDFB;
border-color: #88DDFB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEBFD
300
#89DDFB
400
#48CBF9
500
#08B8F7
600
#0793C5
700
#05769E
800
#045C7B
900
#084459
950
#052B38

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,78:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026