#2C8892

#2C8892

Color Values

HEX

#2C8892

RGB

44, 136, 146

HSL

185.9, 53.7%, 37.3%

HSV

185.9, 69.9%, 57.3%

CMYK

69.9%, 6.8%, 0.0%, 42.7%

OKLCH

0.578 0.085 205.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2C8892

#92362C

Analogous

#2C9269

#2C5592

#2C8892

Triadic

#2C8892

#922C88

#88922C

Split Complementary

#2C8892

#922C55

#92692C

Tetradic

#2C8892

#692C92

#92362C

#55922C

Color Blindness Simulation

Original

#2C8892

Protanopia

#545590

Deuteranopia

#4E488F

Tritanopia

#318E8D

Achromatopsia

#757575

CSS Usage

background-color: #2C8892;
color: #2C8892;
border-color: #2C8892;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8EBEE
300
#A1DCE3
400
#6EC9D3
500
#3BB7C4
600
#2F929D
700
#26757D
800
#1E5B62
900
#194348
950
#102A2D

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.04:1

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