#3A7992

#3A7992

Color Values

HEX

#3A7992

RGB

58, 121, 146

HSL

197.0, 43.1%, 40.0%

HSV

197.0, 60.3%, 57.3%

CMYK

60.3%, 17.1%, 0.0%, 42.7%

OKLCH

0.545 0.0753 226.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#3A7992

#92533A

Analogous

#3A927F

#3A4D92

#3A7992

Triadic

#3A7992

#923A79

#79923A

Split Complementary

#3A7992

#923A4D

#927F3A

Tetradic

#3A7992

#7F3A92

#92533A

#4D923A

Color Blindness Simulation

Original

#3A7992

Protanopia

#55568C

Deuteranopia

#524D8A

Tritanopia

#3D8786

Achromatopsia

#6D6D6D

CSS Usage

background-color: #3A7992;
color: #3A7992;
border-color: #3A7992;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F0F4
200
#CCE2EB
300
#A7CDDC
400
#78B2C9
500
#4997B6
600
#3A7992
700
#2E6175
800
#244C5B
900
#1E3943
950
#13242A

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

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