#69F2B8

#69F2B8

Color Values

HEX

#69F2B8

RGB

105, 242, 184

HSL

154.6, 84.0%, 68.0%

HSV

154.6, 56.6%, 94.9%

CMYK

56.6%, 0.0%, 24.0%, 5.1%

OKLCH

0.8699 0.1463 162.8

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#69F2B8

#F269A3

Analogous

#69F273

#69E7F2

#69F2B8

Triadic

#69F2B8

#B869F2

#F2B869

Split Complementary

#69F2B8

#F269E7

#F27369

Tetradic

#69F2B8

#7369F2

#F269A3

#E7F269

Color Blindness Simulation

Original

#69F2B8

Protanopia

#A4A6C6

Deuteranopia

#9C92C9

Tritanopia

#70D1D4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEF
200
#BDF9E0
300
#8EF5CA
400
#51F0AD
500
#14EB90
600
#10BC73
700
#0D965C
800
#0A7548
900
#0C5536
950
#073622

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.99:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026