#7299C9

#7299C9

Color Values

HEX

#7299C9

RGB

114, 153, 201

HSL

213.1, 44.6%, 61.8%

HSV

213.1, 43.3%, 78.8%

CMYK

43.3%, 23.9%, 0.0%, 21.2%

OKLCH

0.673 0.0836 254.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7299C9

#C9A272

Analogous

#72C5C9

#7772C9

#7299C9

Triadic

#7299C9

#C97299

#99C972

Split Complementary

#7299C9

#C97772

#C5C972

Tetradic

#7299C9

#C972C5

#C9A272

#72C977

Color Blindness Simulation

Original

#7299C9

Protanopia

#8383BD

Deuteranopia

#817EBB

Tritanopia

#74B4B2

Achromatopsia

#949494

CSS Usage

background-color: #7299C9;
color: #7299C9;
border-color: #7299C9;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBDAEB
300
#A7BFDD
400
#779CCB
500
#477AB8
600
#396193
700
#2D4E76
800
#233D5C
900
#1D2E44
950
#121D2B

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

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