#69B592

#69B592

Color Values

HEX

#69B592

RGB

105, 181, 146

HSL

152.4, 33.9%, 56.1%

HSV

152.4, 42.0%, 71.0%

CMYK

42.0%, 0.0%, 19.3%, 29.0%

OKLCH

0.7137 0.0924 162.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#69B592

#B5698C

Analogous

#69B56C

#69B2B5

#69B592

Triadic

#69B592

#9269B5

#B59269

Split Complementary

#69B592

#B569B2

#B56C69

Tetradic

#69B592

#6C69B5

#B5698C

#B2B569

Color Blindness Simulation

Original

#69B592

Protanopia

#8A8B9A

Deuteranopia

#86809C

Tritanopia

#6DA1A3

Achromatopsia

#A2A2A2

CSS Usage

background-color: #69B592;
color: #69B592;
border-color: #69B592;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DC
300
#ADD7C3
400
#81C1A3
500
#54AB83
600
#438969
700
#366D54
800
#2A5541
900
#223F32
950
#15281F

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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