#3C627D

#3C627D

Color Values

HEX

#3C627D

RGB

60, 98, 125

HSL

204.9, 35.1%, 36.3%

HSV

204.9, 52.0%, 49.0%

CMYK

52.0%, 21.6%, 0.0%, 51.0%

OKLCH

0.4793 0.0616 240.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#3C627D

#7D573C

Analogous

#3C7D78

#3C427D

#3C627D

Triadic

#3C627D

#7D3C62

#627D3C

Split Complementary

#3C627D

#7D3C42

#7D783C

Tetradic

#3C627D

#783C7D

#7D573C

#427D3C

Color Blindness Simulation

Original

#3C627D

Protanopia

#4C4D76

Deuteranopia

#4A4775

Tritanopia

#3E7170

Achromatopsia

#5C5C5C

CSS Usage

background-color: #3C627D;
color: #3C627D;
border-color: #3C627D;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC5D7
400
#80A6C2
500
#5387AC
600
#426C8A
700
#35566E
800
#294456
900
#213340
950
#152028

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail 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