#3C9BAF

#3C9BAF

Color Values

HEX

#3C9BAF

RGB

60, 155, 175

HSL

190.4, 48.9%, 46.1%

HSV

190.4, 65.7%, 68.6%

CMYK

65.7%, 11.4%, 0.0%, 31.4%

OKLCH

0.6419 0.0922 214.2

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#3C9BAF

#AF503C

Analogous

#3CAF89

#3C62AF

#3C9BAF

Triadic

#3C9BAF

#AF3C9B

#9BAF3C

Split Complementary

#3C9BAF

#AF3C62

#AF893C

Tetradic

#3C9BAF

#893CAF

#AF503C

#62AF3C

Color Blindness Simulation

Original

#3C9BAF

Protanopia

#6566AA

Deuteranopia

#6058A9

Tritanopia

#41A6A6

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#CAE7ED
300
#A4D5E0
400
#73BFCF
500
#41A8BE
600
#348798
700
#2A6C7A
800
#21545F
900
#1B3E46
950
#11272C

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026