#3C828B

#3C828B

Color Values

HEX

#3C828B

RGB

60, 130, 139

HSL

186.8, 39.7%, 39.0%

HSV

186.8, 56.8%, 54.5%

CMYK

56.8%, 6.5%, 0.0%, 45.5%

OKLCH

0.5654 0.0712 206.6

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3C828B

#8B453C

Analogous

#3C8B6C

#3C5B8B

#3C828B

Triadic

#3C828B

#8B3C82

#828B3C

Split Complementary

#3C828B

#8B3C5B

#8B6C3C

Tetradic

#3C828B

#6C3C8B

#8B453C

#5B8B3C

Color Blindness Simulation

Original

#3C828B

Protanopia

#5A5B89

Deuteranopia

#565188

Tritanopia

#408787

Achromatopsia

#747474

CSS Usage

background-color: #3C828B;
color: #3C828B;
border-color: #3C828B;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD5DA
400
#7BBEC6
500
#4DA7B2
600
#3E858E
700
#316B72
800
#265359
900
#1F3E42
950
#14272A

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026