#269693

#269693

Color Values

HEX

#269693

RGB

38, 150, 147

HSL

178.4, 59.6%, 36.9%

HSV

178.4, 74.7%, 58.8%

CMYK

74.7%, 0.0%, 2.0%, 41.2%

OKLCH

0.6129 0.0958 192.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#269693

#962629

Analogous

#26965B

#266196

#269693

Triadic

#269693

#932696

#969326

Split Complementary

#269693

#962661

#965B26

Tetradic

#269693

#5B2696

#962629

#619626

Color Blindness Simulation

Original

#269693

Protanopia

#575794

Deuteranopia

#504894

Tritanopia

#2C9494

Achromatopsia

#7E7E7E

CSS Usage

background-color: #269693;
color: #269693;
border-color: #269693;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1EF
300
#9DE6E4
400
#68D9D6
500
#34CBC7
600
#29A3A0
700
#218280
800
#1A6664
900
#164A49
950
#0E2F2E

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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