#6ADEAB

#6ADEAB

Color Values

HEX

#6ADEAB

RGB

106, 222, 171

HSL

153.6, 63.7%, 64.3%

HSV

153.6, 52.3%, 87.1%

CMYK

52.3%, 0.0%, 23.0%, 12.9%

OKLCH

0.8193 0.1295 162.6

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#6ADEAB

#DE6A9D

Analogous

#6ADE71

#6AD7DE

#6ADEAB

Triadic

#6ADEAB

#AB6ADE

#DEAB6A

Split Complementary

#6ADEAB

#DE6AD7

#DE716A

Tetradic

#6ADEAB

#716ADE

#DE6A9D

#D7DE6A

Color Blindness Simulation

Original

#6ADEAB

Protanopia

#9C9DB7

Deuteranopia

#968DBA

Tritanopia

#70C1C3

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E3F7EE
200
#C5F2DE
300
#9BE9C6
400
#65DDA8
500
#2ED189
600
#25A76E
700
#1E8658
800
#176845
900
#154C34
950
#0D3021

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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026