#3C9EAF

#3C9EAF

Color Values

HEX

#3C9EAF

RGB

60, 158, 175

HSL

188.9, 48.9%, 46.1%

HSV

188.9, 65.7%, 68.6%

CMYK

65.7%, 9.7%, 0.0%, 31.4%

OKLCH

0.6492 0.0928 211.1

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#3C9EAF

#AF4D3C

Analogous

#3CAF87

#3C65AF

#3C9EAF

Triadic

#3C9EAF

#AF3C9E

#9EAF3C

Split Complementary

#3C9EAF

#AF3C65

#AF873C

Tetradic

#3C9EAF

#873CAF

#AF4D3C

#65AF3C

Color Blindness Simulation

Original

#3C9EAF

Protanopia

#6667AB

Deuteranopia

#6159AA

Tritanopia

#41A8A7

Achromatopsia

#8A8A8A

CSS Usage

background-color: #3C9EAF;
color: #3C9EAF;
border-color: #3C9EAF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E6F2F5
200
#CAE8ED
300
#A4D7E0
400
#73C1CF
500
#41ABBE
600
#348998
700
#2A6E7A
800
#21565F
900
#1B3F46
950
#11282C

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.7:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026