#88AFEF

#88AFEF

Color Values

HEX

#88AFEF

RGB

136, 175, 239

HSL

217.3, 76.3%, 73.5%

HSV

217.3, 43.1%, 93.7%

CMYK

43.1%, 26.8%, 0.0%, 6.3%

OKLCH

0.7504 0.1023 260.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#88AFEF

#EFC888

Analogous

#88E2EF

#9488EF

#88AFEF

Triadic

#88AFEF

#EF88AF

#AFEF88

Split Complementary

#88AFEF

#EF9488

#E2EF88

Tetradic

#88AFEF

#EF88E2

#EFC888

#88EF94

Color Blindness Simulation

Original

#88AFEF

Protanopia

#9999E0

Deuteranopia

#9794DC

Tritanopia

#8AD3D1

Achromatopsia

#ABABAB

CSS Usage

background-color: #88AFEF;
color: #88AFEF;
border-color: #88AFEF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D5F7
300
#93B6F0
400
#598FE9
500
#1E68E1
600
#1853B4
700
#134290
800
#0F3470
900
#0F2852
950
#0A1934

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.43: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