#68EDBB

#68EDBB

Color Values

HEX

#68EDBB

RGB

104, 237, 187

HSL

157.4, 78.7%, 66.9%

HSV

157.4, 56.1%, 92.9%

CMYK

56.1%, 0.0%, 21.1%, 7.1%

OKLCH

0.8584 0.1381 165.7

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#68EDBB

#ED689A

Analogous

#68ED79

#68DDED

#68EDBB

Triadic

#68EDBB

#BB68ED

#EDBB68

Split Complementary

#68EDBB

#ED68DD

#ED7968

Tetradic

#68EDBB

#7968ED

#ED689A

#DDED68

Color Blindness Simulation

Original

#68EDBB

Protanopia

#A2A3C7

Deuteranopia

#9A90CA

Tritanopia

#6FD1D3

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F2FCF9
100
#E1F9F0
200
#BFF7E2
300
#92F2CE
400
#56EBB3
500
#1BE498
600
#16B67A
700
#119261
800
#0E724C
900
#0E5339
950
#093424

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026