#7A9FDB

#7A9FDB

Color Values

HEX

#7A9FDB

RGB

122, 159, 219

HSL

217.1, 57.4%, 66.9%

HSV

217.1, 44.3%, 85.9%

CMYK

44.3%, 27.4%, 0.0%, 14.1%

OKLCH

0.699 0.0978 259.8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7A9FDB

#DBB67A

Analogous

#7AD0DB

#867ADB

#7A9FDB

Triadic

#7A9FDB

#DB7A9F

#9FDB7A

Split Complementary

#7A9FDB

#DB867A

#D0DB7A

Tetradic

#7A9FDB

#DB7AD0

#DBB67A

#7ADB86

Color Blindness Simulation

Original

#7A9FDB

Protanopia

#8A8ACC

Deuteranopia

#8885C9

Tritanopia

#7CC1BE

Achromatopsia

#9B9B9B

CSS Usage

background-color: #7A9FDB;
color: #7A9FDB;
border-color: #7A9FDB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C7D6F0
300
#9FB9E5
400
#6A94D7
500
#366EC9
600
#2B58A1
700
#234780
800
#1B3764
900
#172B49
950
#0F1B2E

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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