#88B3F7

#88B3F7

Color Values

HEX

#88B3F7

RGB

136, 179, 247

HSL

216.8, 87.4%, 75.1%

HSV

216.8, 44.9%, 96.9%

CMYK

44.9%, 27.5%, 0.0%, 3.1%

OKLCH

0.7624 0.1089 259.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#88B3F7

#F7CC88

Analogous

#88EAF7

#9588F7

#88B3F7

Triadic

#88B3F7

#F788B3

#B3F788

Split Complementary

#88B3F7

#F79588

#EAF788

Tetradic

#88B3F7

#F788EA

#F7CC88

#88F795

Color Blindness Simulation

Original

#88B3F7

Protanopia

#9B9BE7

Deuteranopia

#9895E3

Tritanopia

#8ADAD7

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD4FB
300
#8CB6F7
400
#4E8EF3
500
#1066EF
600
#0D52BF
700
#0A4199
800
#083377
900
#0A2857
950
#071937

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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