#3C80B3

#3C80B3

Color Values

HEX

#3C80B3

RGB

60, 128, 179

HSL

205.7, 49.8%, 46.9%

HSV

205.7, 66.5%, 70.2%

CMYK

66.5%, 28.5%, 0.0%, 29.8%

OKLCH

0.5787 0.1045 243.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#3C80B3

#B36F3C

Analogous

#3CB3AB

#3C45B3

#3C80B3

Triadic

#3C80B3

#B33C80

#80B33C

Split Complementary

#3C80B3

#B33C45

#B3AB3C

Tetradic

#3C80B3

#AB3CB3

#B36F3C

#45B33C

Color Blindness Simulation

Original

#3C80B3

Protanopia

#595AA7

Deuteranopia

#5650A4

Tritanopia

#3F9D9B

Achromatopsia

#757575

CSS Usage

background-color: #3C80B3;
color: #3C80B3;
border-color: #3C80B3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADEED
300
#A3C6E0
400
#72A7D0
500
#4089BF
600
#336D99
700
#29577A
800
#20445F
900
#1B3446
950
#11212C

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026