#6DDDB4

#6DDDB4

Color Values

HEX

#6DDDB4

RGB

109, 221, 180

HSL

158.0, 62.2%, 64.7%

HSV

158.0, 50.7%, 86.7%

CMYK

50.7%, 0.0%, 18.6%, 13.3%

OKLCH

0.8203 0.1195 167.1

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#6DDDB4

#DD6D96

Analogous

#6DDD7C

#6DCEDD

#6DDDB4

Triadic

#6DDDB4

#B46DDD

#DDB46D

Split Complementary

#6DDDB4

#DD6DCE

#DD7C6D

Tetradic

#6DDDB4

#7C6DDD

#DD6D96

#CEDD6D

Color Blindness Simulation

Original

#6DDDB4

Protanopia

#9E9EBE

Deuteranopia

#978FC0

Tritanopia

#73C6C7

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E4F7F0
200
#C5F2E1
300
#9CE8CC
400
#66DBB0
500
#30CF95
600
#27A577
700
#1F845F
800
#18674A
900
#154C38
950
#0D3023

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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