#7897CE

#7897CE

Color Values

HEX

#7897CE

RGB

120, 151, 206

HSL

218.4, 46.7%, 63.9%

HSV

218.4, 41.7%, 80.8%

CMYK

41.7%, 26.7%, 0.0%, 19.2%

OKLCH

0.6746 0.0892 261.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7897CE

#CEAF78

Analogous

#78C2CE

#8478CE

#7897CE

Triadic

#7897CE

#CE7897

#97CE78

Split Complementary

#7897CE

#CE8478

#C2CE78

Tetradic

#7897CE

#CE78C2

#CEAF78

#78CE84

Color Blindness Simulation

Original

#7897CE

Protanopia

#8586C1

Deuteranopia

#8481BE

Tritanopia

#7AB6B4

Achromatopsia

#949494

CSS Usage

background-color: #7897CE;
color: #7897CE;
border-color: #7897CE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD7EC
300
#A5BADE
400
#7594CD
500
#446FBB
600
#365996
700
#2B4778
800
#22375E
900
#1C2B45
950
#121B2B

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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