#67DFA2

#67DFA2

Color Values

HEX

#67DFA2

RGB

103, 223, 162

HSL

149.5, 65.2%, 63.9%

HSV

149.5, 53.8%, 87.5%

CMYK

53.8%, 0.0%, 27.4%, 12.5%

OKLCH

0.8185 0.1401 158.8

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#67DFA2

#DF67A4

Analogous

#68DF67

#67DFDE

#67DFA2

Triadic

#67DFA2

#A267DF

#DFA267

Split Complementary

#67DFA2

#DE67DF

#DF6768

Tetradic

#67DFA2

#6768DF

#DF67A4

#DFDE67

Color Blindness Simulation

Original

#67DFA2

Protanopia

#9B9CB1

Deuteranopia

#948BB4

Tritanopia

#6DBCBF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #67DFA2;
color: #67DFA2;
border-color: #67DFA2;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DB
300
#9AEAC1
400
#63DEA0
500
#2CD37E
600
#23A965
700
#1C8751
800
#16693F
900
#144D30
950
#0D311E

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

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026