#26C2CE

#26C2CE

Color Values

HEX

#26C2CE

RGB

38, 194, 206

HSL

184.3, 68.9%, 47.8%

HSV

184.3, 81.6%, 80.8%

CMYK

81.6%, 5.8%, 0.0%, 19.2%

OKLCH

0.7445 0.1204 203.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#26C2CE

#CE3226

Analogous

#26CE86

#266ECE

#26C2CE

Triadic

#26C2CE

#CE26C2

#C2CE26

Split Complementary

#26C2CE

#CE266E

#CE8626

Tetradic

#26C2CE

#8626CE

#CE3226

#6ECE26

Color Blindness Simulation

Original

#26C2CE

Protanopia

#6A6BCB

Deuteranopia

#6055CA

Tritanopia

#2EC9C8

Achromatopsia

#A2A2A2

CSS Usage

background-color: #26C2CE;
color: #26C2CE;
border-color: #26C2CE;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F0F4
300
#98E6EC
400
#60D8E2
500
#28CBD7
600
#20A2AC
700
#19828A
800
#14656C
900
#124A4E
950
#0C2F32

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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