#269695

#269695

Color Values

HEX

#269695

RGB

38, 150, 149

HSL

179.5, 59.6%, 36.9%

HSV

179.5, 74.7%, 58.8%

CMYK

74.7%, 0.0%, 0.7%, 41.2%

OKLCH

0.6136 0.0955 194.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#269695

#962627

Analogous

#26965D

#265F96

#269695

Triadic

#269695

#952696

#969526

Split Complementary

#269695

#96265F

#965D26

Tetradic

#269695

#5D2696

#962627

#5F9626

Color Blindness Simulation

Original

#269695

Protanopia

#575795

Deuteranopia

#504895

Tritanopia

#2C9595

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1F0
300
#9DE6E6
400
#68D9D8
500
#34CBCA
600
#29A3A2
700
#218281
800
#1A6665
900
#164A4A
950
#0E2F2F

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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