#69B594

#69B594

Color Values

HEX

#69B594

RGB

105, 181, 148

HSL

153.9, 33.9%, 56.1%

HSV

153.9, 42.0%, 71.0%

CMYK

42.0%, 0.0%, 18.2%, 29.0%

OKLCH

0.7143 0.0908 164.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#69B594

#B5698A

Analogous

#69B56E

#69B0B5

#69B594

Triadic

#69B594

#9469B5

#B59469

Split Complementary

#69B594

#B569B0

#B56E69

Tetradic

#69B594

#6E69B5

#B5698A

#B0B569

Color Blindness Simulation

Original

#69B594

Protanopia

#8A8B9C

Deuteranopia

#86809E

Tritanopia

#6DA2A4

Achromatopsia

#A2A2A2

CSS Usage

background-color: #69B594;
color: #69B594;
border-color: #69B594;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DD
300
#ADD7C4
400
#81C1A5
500
#54AB85
600
#43896A
700
#366D55
800
#2A5543
900
#223F32
950
#152820

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

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