#269393

#269393

Color Values

HEX

#269393

RGB

38, 147, 147

HSL

180.0, 58.9%, 36.3%

HSV

180.0, 74.1%, 57.6%

CMYK

74.1%, 0.0%, 0.0%, 42.4%

OKLCH

0.6052 0.0937 195.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#269393

#932626

Analogous

#26935D

#265D93

#269393

Triadic

#269393

#932693

#939326

Split Complementary

#269393

#93265D

#935D26

Tetradic

#269393

#5D2693

#932626

#5D9326

Color Blindness Simulation

Original

#269393

Protanopia

#555693

Deuteranopia

#4F4793

Tritanopia

#2B9393

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F6
200
#C6F0F0
300
#9EE6E6
400
#69D8D8
500
#34CBCB
600
#2AA2A2
700
#228282
800
#1A6565
900
#174A4A
950
#0E2F2F

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.68:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026