#69C699

#69C699

Color Values

HEX

#69C699

RGB

105, 198, 153

HSL

151.0, 44.9%, 59.4%

HSV

151.0, 47.0%, 77.6%

CMYK

47.0%, 0.0%, 22.7%, 22.4%

OKLCH

0.7567 0.1114 161.0

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#69C699

#C66996

Analogous

#69C66B

#69C4C6

#69C699

Triadic

#69C699

#9969C6

#C69969

Split Complementary

#69C699

#C669C4

#C66B69

Tetradic

#69C699

#6B69C6

#C66996

#C4C669

Color Blindness Simulation

Original

#69C699

Protanopia

#9192A4

Deuteranopia

#8C85A6

Tritanopia

#6EACAE

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CBEBDC
300
#A6DDC3
400
#76CBA2
500
#46B981
600
#389468
700
#2D7653
800
#235C41
900
#1D4431
950
#122B1F

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.14:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026