#8ADEBD

#8ADEBD

Color Values

HEX

#8ADEBD

RGB

138, 222, 189

HSL

156.4, 56.0%, 70.6%

HSV

156.4, 37.8%, 87.1%

CMYK

37.8%, 0.0%, 14.9%, 12.9%

OKLCH

0.8377 0.095 167.2

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#8ADEBD

#DE8AAB

Analogous

#8ADE93

#8AD5DE

#8ADEBD

Triadic

#8ADEBD

#BD8ADE

#DEBD8A

Split Complementary

#8ADEBD

#DE8AD5

#DE938A

Tetradic

#8ADEBD

#938ADE

#DE8AAB

#D5DE8A

Color Blindness Simulation

Original

#8ADEBD

Protanopia

#AEAFC5

Deuteranopia

#AAA3C7

Tritanopia

#8ECBCD

Achromatopsia

#CACACA

CSS Usage

background-color: #8ADEBD;
color: #8ADEBD;
border-color: #8ADEBD;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C7EFE0
300
#A0E4C9
400
#6CD5AC
500
#38C78F
600
#2D9F72
700
#247F5B
800
#1C6347
900
#184936
950
#0F2E22

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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