#3CADC3

#3CADC3

Color Values

HEX

#3CADC3

RGB

60, 173, 195

HSL

189.8, 52.9%, 50.0%

HSV

189.8, 69.2%, 76.5%

CMYK

69.2%, 11.3%, 0.0%, 23.5%

OKLCH

0.6937 0.1038 213.3

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#3CADC3

#C3523C

Analogous

#3CC396

#3C69C3

#3CADC3

Triadic

#3CADC3

#C33CAD

#ADC33C

Split Complementary

#3CADC3

#C33C69

#C3963C

Tetradic

#3CADC3

#963CC3

#C3523C

#69C33C

Color Blindness Simulation

Original

#3CADC3

Protanopia

#6D6EBE

Deuteranopia

#665EBC

Tritanopia

#42B9B9

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E8EE
300
#A1D8E2
400
#6FC2D3
500
#3CADC3
600
#308A9C
700
#266F7D
800
#1E5661
900
#194048
950
#10282D

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

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