#69CE97

#69CE97

Color Values

HEX

#69CE97

RGB

105, 206, 151

HSL

147.3, 50.8%, 61.0%

HSV

147.3, 49.0%, 80.8%

CMYK

49.0%, 0.0%, 26.7%, 19.2%

OKLCH

0.7756 0.1247 157.8

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#69CE97

#CE69A0

Analogous

#6ECE69

#69CECA

#69CE97

Triadic

#69CE97

#9769CE

#CE9769

Split Complementary

#69CE97

#CA69CE

#CE696E

Tetradic

#69CE97

#696ECE

#CE69A0

#CECA69

Color Blindness Simulation

Original

#69CE97

Protanopia

#9596A4

Deuteranopia

#8F87A8

Tritanopia

#6EAFB1

Achromatopsia

#B5B5B5

CSS Usage

background-color: #69CE97;
color: #69CE97;
border-color: #69CE97;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF7
100
#E5F5EC
200
#C9EDDA
300
#A3E1BF
400
#71D19C
500
#3FC07A
600
#329A61
700
#287B4E
800
#1F603D
900
#1A472E
950
#112D1D

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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