#7899DB

#7899DB

Color Values

HEX

#7899DB

RGB

120, 153, 219

HSL

220.0, 57.9%, 66.5%

HSV

220.0, 45.2%, 85.9%

CMYK

45.2%, 30.1%, 0.0%, 14.1%

OKLCH

0.685 0.1048 263.5

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7899DB

#DBBA78

Analogous

#78CBDB

#8978DB

#7899DB

Triadic

#7899DB

#DB7899

#99DB78

Split Complementary

#7899DB

#DB8978

#CBDB78

Tetradic

#7899DB

#DB78CB

#DBBA78

#78DB89

Color Blindness Simulation

Original

#7899DB

Protanopia

#8687CB

Deuteranopia

#8482C7

Tritanopia

#7ABEBC

Achromatopsia

#979797

CSS Usage

background-color: #7899DB;
color: #7899DB;
border-color: #7899DB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C7D4F0
300
#9EB6E5
400
#6A8ED7
500
#3667C9
600
#2B52A1
700
#224281
800
#1B3365
900
#17284A
950
#0F192F

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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