#3CACC3

#3CACC3

Color Values

HEX

#3CACC3

RGB

60, 172, 195

HSL

190.2, 52.9%, 50.0%

HSV

190.2, 69.2%, 76.5%

CMYK

69.2%, 11.8%, 0.0%, 23.5%

OKLCH

0.6913 0.1037 214.2

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#3CACC3

#C3533C

Analogous

#3CC396

#3C69C3

#3CACC3

Triadic

#3CACC3

#C33CAC

#ACC33C

Split Complementary

#3CACC3

#C33C69

#C3963C

Tetradic

#3CACC3

#963CC3

#C3533C

#69C33C

Color Blindness Simulation

Original

#3CACC3

Protanopia

#6D6DBD

Deuteranopia

#665EBC

Tritanopia

#42B9B8

Achromatopsia

#969696

CSS Usage

background-color: #3CACC3;
color: #3CACC3;
border-color: #3CACC3;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F2F5
200
#C8E8EE
300
#A1D7E2
400
#6FC2D3
500
#3CACC3
600
#308A9C
700
#266E7D
800
#1E5661
900
#194048
950
#10282D

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.88:1

AA Pass AAA Pass

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