#7F88EE

#7F88EE

Color Values

HEX

#7F88EE

RGB

127, 136, 238

HSL

235.1, 76.6%, 71.6%

HSV

235.1, 46.6%, 93.3%

CMYK

46.6%, 42.9%, 0.0%, 6.7%

OKLCH

0.6653 0.1502 277.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7F88EE

#EEE57F

Analogous

#7FC0EE

#AE7FEE

#7F88EE

Triadic

#7F88EE

#EE7F88

#88EE7F

Split Complementary

#7F88EE

#EEAE7F

#C0EE7F

Tetradic

#7F88EE

#EE7FC0

#EEE57F

#7FEEAE

Color Blindness Simulation

Original

#7F88EE

Protanopia

#8383D5

Deuteranopia

#8282CF

Tritanopia

#7FC2BE

Achromatopsia

#8D8D8D

CSS Usage

background-color: #7F88EE;
color: #7F88EE;
border-color: #7F88EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C4F7
300
#939BF1
400
#5864E9
500
#1E2EE1
600
#1825B4
700
#131D90
800
#0F1771
900
#0F1552
950
#0A0D34

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

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