#69BF72

#69BF72

Color Values

HEX

#69BF72

RGB

105, 191, 114

HSL

126.3, 40.2%, 58.0%

HSV

126.3, 45.0%, 74.9%

CMYK

45.0%, 0.0%, 40.3%, 25.1%

OKLCH

0.7312 0.138 146.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#69BF72

#BF69B6

Analogous

#8BBF69

#69BF9D

#69BF72

Triadic

#69BF72

#7269BF

#BF7269

Split Complementary

#69BF72

#9D69BF

#BF698B

Tetradic

#69BF72

#698BBF

#BF69B6

#BF9D69

Color Blindness Simulation

Original

#69BF72

Protanopia

#8E8F85

Deuteranopia

#898389

Tritanopia

#6D9397

Achromatopsia

#A7A7A7

CSS Usage

background-color: #69BF72;
color: #69BF72;
border-color: #69BF72;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEAD0
300
#A9DAAE
400
#7BC783
500
#4CB357
600
#3D8F46
700
#317238
800
#26592C
900
#1F4223
950
#142A16

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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