#7899BC

#7899BC

Color Values

HEX

#7899BC

RGB

120, 153, 188

HSL

210.9, 33.7%, 60.4%

HSV

210.9, 36.2%, 73.7%

CMYK

36.2%, 18.6%, 0.0%, 26.3%

OKLCH

0.6711 0.0639 250.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7899BC

#BC9B78

Analogous

#78BBBC

#7978BC

#7899BC

Triadic

#7899BC

#BC7899

#99BC78

Split Complementary

#7899BC

#BC7978

#BBBC78

Tetradic

#7899BC

#BC78BB

#BC9B78

#78BC79

Color Blindness Simulation

Original

#7899BC

Protanopia

#8687B4

Deuteranopia

#8482B2

Tritanopia

#7AADAB

Achromatopsia

#959595

CSS Usage

background-color: #7899BC;
color: #7899BC;
border-color: #7899BC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE7
300
#ADC1D6
400
#81A0C0
500
#557EAA
600
#446588
700
#36516D
800
#2A3F55
900
#22303F
950
#151E28

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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