#69A691

#69A691

Color Values

HEX

#69A691

RGB

105, 166, 145

HSL

159.3, 25.5%, 53.1%

HSV

159.3, 36.7%, 65.1%

CMYK

36.7%, 0.0%, 12.7%, 34.9%

OKLCH

0.6773 0.071 170.3

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#69A691

#A6697E

Analogous

#69A672

#699CA6

#69A691

Triadic

#69A691

#9169A6

#A69169

Split Complementary

#69A691

#A6699C

#A67269

Tetradic

#69A691

#7269A6

#A6697E

#9CA669

Color Blindness Simulation

Original

#69A691

Protanopia

#838496

Deuteranopia

#807B97

Tritanopia

#6C9A9B

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DE
300
#B2D1C7
400
#89B9A8
500
#5FA08A
600
#4C806E
700
#3D6658
800
#2F5045
900
#253C34
950
#182621

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026