#7499C3

#7499C3

Color Values

HEX

#7499C3

RGB

116, 153, 195

HSL

211.9, 39.7%, 61.0%

HSV

211.9, 40.5%, 76.5%

CMYK

40.5%, 21.5%, 0.0%, 23.5%

OKLCH

0.6716 0.0749 252.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7499C3

#C39E74

Analogous

#74C1C3

#7774C3

#7499C3

Triadic

#7499C3

#C37499

#99C374

Split Complementary

#7499C3

#C37774

#C1C374

Tetradic

#7499C3

#C374C1

#C39E74

#74C377

Color Blindness Simulation

Original

#7499C3

Protanopia

#8484B9

Deuteranopia

#827FB6

Tritanopia

#76B1AF

Achromatopsia

#949494

CSS Usage

background-color: #7499C3;
color: #7499C3;
border-color: #7499C3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAE9
300
#AAC0DA
400
#7B9EC6
500
#4D7CB2
600
#3E638E
700
#315072
800
#263E59
900
#1F2F42
950
#141E2A

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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