#6ADEAC

#6ADEAC

Color Values

HEX

#6ADEAC

RGB

106, 222, 172

HSL

154.1, 63.7%, 64.3%

HSV

154.1, 52.3%, 87.1%

CMYK

52.3%, 0.0%, 22.5%, 12.9%

OKLCH

0.8195 0.1287 163.1

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#6ADEAC

#DE6A9C

Analogous

#6ADE72

#6AD6DE

#6ADEAC

Triadic

#6ADEAC

#AC6ADE

#DEAC6A

Split Complementary

#6ADEAC

#DE6AD6

#DE726A

Tetradic

#6ADEAC

#726ADE

#DE6A9C

#D6DE6A

Color Blindness Simulation

Original

#6ADEAC

Protanopia

#9C9DB8

Deuteranopia

#968DBB

Tritanopia

#70C2C4

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E3F7EE
200
#C5F2DE
300
#9BE9C7
400
#65DDA9
500
#2ED18B
600
#25A76F
700
#1E8659
800
#176845
900
#154C34
950
#0D3021

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026