#69B48C

#69B48C

Color Values

HEX

#69B48C

RGB

105, 180, 140

HSL

148.0, 33.3%, 55.9%

HSV

148.0, 41.7%, 70.6%

CMYK

41.7%, 0.0%, 22.2%, 29.4%

OKLCH

0.7098 0.096 159.3

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#69B48C

#B46991

Analogous

#6CB469

#69B4B1

#69B48C

Triadic

#69B48C

#8C69B4

#B48C69

Split Complementary

#69B48C

#B169B4

#B4696C

Tetradic

#69B48C

#696CB4

#B46991

#B4B169

Color Blindness Simulation

Original

#69B48C

Protanopia

#898A96

Deuteranopia

#858098

Tritanopia

#6D9D9F

Achromatopsia

#A1A1A1

CSS Usage

background-color: #69B48C;
color: #69B48C;
border-color: #69B48C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE7DB
300
#ADD6C0
400
#81C09F
500
#55AA7D
600
#448864
700
#366D50
800
#2B553E
900
#223F2F
950
#15281E

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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