#69ECA0

#69ECA0

Color Values

HEX

#69ECA0

RGB

105, 236, 160

HSL

145.2, 77.5%, 66.9%

HSV

145.2, 55.5%, 92.5%

CMYK

55.5%, 0.0%, 32.2%, 7.5%

OKLCH

0.8502 0.1586 155.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#69ECA0

#EC69B5

Analogous

#74EC69

#69ECE2

#69ECA0

Triadic

#69ECA0

#A069EC

#ECA069

Split Complementary

#69ECA0

#E269EC

#EC6974

Tetradic

#69ECA0

#6974EC

#EC69B5

#ECE269

Color Blindness Simulation

Original

#69ECA0

Protanopia

#A2A3B2

Deuteranopia

#9A90B7

Tritanopia

#70C1C4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9EB
200
#C0F7D7
300
#92F1BA
400
#58EA95
500
#1DE270
600
#17B559
700
#129147
800
#0E7138
900
#0F522B
950
#09341B

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.11:1

AA Pass AAA Pass

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