#69EEA2

#69EEA2

Color Values

HEX

#69EEA2

RGB

105, 238, 162

HSL

145.7, 79.6%, 67.3%

HSV

145.7, 55.9%, 93.3%

CMYK

55.9%, 0.0%, 31.9%, 6.7%

OKLCH

0.8554 0.1595 155.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#69EEA2

#EE69B5

Analogous

#73EE69

#69EEE4

#69EEA2

Triadic

#69EEA2

#A269EE

#EEA269

Split Complementary

#69EEA2

#E469EE

#EE6973

Tetradic

#69EEA2

#6973EE

#EE69B5

#EEE469

Color Blindness Simulation

Original

#69EEA2

Protanopia

#A3A4B4

Deuteranopia

#9B91B9

Tritanopia

#70C3C6

Achromatopsia

#CCCCCC

CSS Usage

background-color: #69EEA2;
color: #69EEA2;
border-color: #69EEA2;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FDF7
100
#E1F9EB
200
#BFF8D7
300
#91F3BB
400
#56EC96
500
#1AE571
600
#15B75A
700
#119348
800
#0D7238
900
#0E532B
950
#09351B

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.35: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