#69A69D

#69A69D

Color Values

HEX

#69A69D

RGB

105, 166, 157

HSL

171.1, 25.5%, 53.1%

HSV

171.1, 36.7%, 65.1%

CMYK

36.7%, 0.0%, 5.4%, 34.9%

OKLCH

0.6809 0.0648 184.1

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#69A69D

#A66972

Analogous

#69A67E

#6990A6

#69A69D

Triadic

#69A69D

#9D69A6

#A69D69

Split Complementary

#69A69D

#A66990

#A67E69

Tetradic

#69A69D

#7E69A6

#A66972

#90A669

Color Blindness Simulation

Original

#69A69D

Protanopia

#83849F

Deuteranopia

#807BA0

Tritanopia

#6CA1A1

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E2
300
#B2D1CD
400
#89B9B2
500
#5FA096
600
#4C8078
700
#3D6660
800
#2F504B
900
#253C38
950
#182624

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.54:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026