#3CAFC3

#3CAFC3

Color Values

HEX

#3CAFC3

RGB

60, 175, 195

HSL

188.9, 52.9%, 50.0%

HSV

188.9, 69.2%, 76.5%

CMYK

69.2%, 10.3%, 0.0%, 23.5%

OKLCH

0.6985 0.1042 211.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#3CAFC3

#C3503C

Analogous

#3CC394

#3C6BC3

#3CAFC3

Triadic

#3CAFC3

#C33CAF

#AFC33C

Split Complementary

#3CAFC3

#C33C6B

#C3943C

Tetradic

#3CAFC3

#943CC3

#C3503C

#6BC33C

Color Blindness Simulation

Original

#3CAFC3

Protanopia

#6E6FBE

Deuteranopia

#675EBD

Tritanopia

#42BABA

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E9EE
300
#A1D9E2
400
#6FC4D3
500
#3CAFC3
600
#308C9C
700
#26707D
800
#1E5761
900
#194148
950
#10292D

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11: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