#266C69

#266C69

Color Values

HEX

#266C69

RGB

38, 108, 105

HSL

177.4, 47.9%, 28.6%

HSV

177.4, 64.8%, 42.4%

CMYK

64.8%, 0.0%, 2.8%, 57.6%

OKLCH

0.4871 0.069 191.1

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#266C69

#6C2629

Analogous

#266C46

#264C6C

#266C69

Triadic

#266C69

#69266C

#6C6926

Split Complementary

#266C69

#6C264C

#6C4626

Tetradic

#266C69

#46266C

#6C2629

#4C6C26

Color Blindness Simulation

Original

#266C69

Protanopia

#44456A

Deuteranopia

#403B6A

Tritanopia

#2A6A6A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #266C69;
color: #266C69;
border-color: #266C69;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A4DFDD
400
#73CECA
500
#42BDB7
600
#359793
700
#2B7975
800
#215E5C
900
#1C4544
950
#112C2B

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

3.43:1

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