#88C4FD

#88C4FD

Color Values

HEX

#88C4FD

RGB

136, 196, 253

HSL

209.2, 96.7%, 76.3%

HSV

209.2, 46.2%, 99.2%

CMYK

46.2%, 22.5%, 0.0%, 0.8%

OKLCH

0.8009 0.1023 248.0

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#88C4FD

#FDC188

Analogous

#88FDFB

#888AFD

#88C4FD

Triadic

#88C4FD

#FD88C4

#C4FD88

Split Complementary

#88C4FD

#FD888A

#FDFB88

Tetradic

#88C4FD

#FB88FD

#FDC188

#8AFD88

Color Blindness Simulation

Original

#88C4FD

Protanopia

#A2A3EF

Deuteranopia

#9E9AEC

Tritanopia

#8BE4E2

Achromatopsia

#BBBBBB

CSS Usage

background-color: #88C4FD;
color: #88C4FD;
border-color: #88C4FD;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B9DCFE
300
#87C3FD
400
#45A3FC
500
#0483FB
600
#0369C9
700
#0354A1
800
#02417D
900
#06325B
950
#041F39

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026