#88C5F2

#88C5F2

Color Values

HEX

#88C5F2

RGB

136, 197, 242

HSL

205.5, 80.3%, 74.1%

HSV

205.5, 43.8%, 94.9%

CMYK

43.8%, 18.6%, 0.0%, 5.1%

OKLCH

0.7985 0.0897 241.2

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#88C5F2

#F2B588

Analogous

#88F2EA

#8890F2

#88C5F2

Triadic

#88C5F2

#F288C5

#C5F288

Split Complementary

#88C5F2

#F28890

#F2EA88

Tetradic

#88C5F2

#EA88F2

#F2B588

#90F288

Color Blindness Simulation

Original

#88C5F2

Protanopia

#A2A3E7

Deuteranopia

#9F9AE4

Tritanopia

#8BDFDD

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EFF9
200
#BFE0F8
300
#91C9F3
400
#55ACEC
500
#198FE6
600
#1472B8
700
#105B93
800
#0D4773
900
#0D3653
950
#082235

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026