#3C7EB3

#3C7EB3

Color Values

HEX

#3C7EB3

RGB

60, 126, 179

HSL

206,7, 49,8%, 46,9%

HSV

206,7, 66,5%, 70,2%

CMYK

66,5%, 29,6%, 0,0%, 29,8%

OKLCH

0,574 0,1061 245,4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#3C7EB3

#B3713C

Analogous

#3CB3AD

#3C43B3

#3C7EB3

Triadic

#3C7EB3

#B33C7E

#7EB33C

Split Complementary

#3C7EB3

#B33C43

#B3AD3C

Tetradic

#3C7EB3

#AD3CB3

#B3713C

#43B33C

Color Blindness Simulation

Original

#3C7EB3

Protanopia

#5959A6

Deuteranopia

#5550A3

Tritanopia

#3F9C9A

Achromatopsia

#747474

CSS Usage

background-color: #3C7EB3;
color: #3C7EB3;
border-color: #3C7EB3;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADDED
300
#A3C5E0
400
#72A6D0
500
#4086BF
600
#336C99
700
#29567A
800
#20435F
900
#1B3346
950
#11202C

Contrast Checker

Text on white

4,35:1

AA Fail AAA Fail

Text on black

4,83:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Фев 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Фев 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Фев 20, 2026