#69BD71

#69BD71

Color Values

HEX

#69BD71

RGB

105, 189, 113

HSL

125.7, 38.9%, 57.6%

HSV

125.7, 44.4%, 74.1%

CMYK

44.4%, 0.0%, 40.2%, 25.9%

OKLCH

0.7261 0.136 146.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#69BD71

#BD69B5

Analogous

#8BBD69

#69BD9B

#69BD71

Triadic

#69BD71

#7169BD

#BD7169

Split Complementary

#69BD71

#9B69BD

#BD698B

Tetradic

#69BD71

#698BBD

#BD69B5

#BD9B69

Color Blindness Simulation

Original

#69BD71

Protanopia

#8D8E83

Deuteranopia

#888288

Tritanopia

#6D9295

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9D0
300
#AADAAF
400
#7CC583
500
#4EB157
600
#3E8E46
700
#327138
800
#27592C
900
#1F4123
950
#142916

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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