#38CF96

#38CF96

Color Values

HEX

#38CF96

RGB

56, 207, 150

HSL

157.4, 61.1%, 51.6%

HSV

157.4, 72.9%, 81.2%

CMYK

72.9%, 0.0%, 27.5%, 18.8%

OKLCH

0.7629 0.1497 162.9

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#38CF96

#CF3871

Analogous

#38CF4B

#38BCCF

#38CF96

Triadic

#38CF96

#9638CF

#CF9638

Split Complementary

#38CF96

#CF38BC

#CF4B38

Tetradic

#38CF96

#4B38CF

#CF3871

#BCCF38

Color Blindness Simulation

Original

#38CF96

Protanopia

#797BA4

Deuteranopia

#7165A7

Tritanopia

#40AFB1

Achromatopsia

#ABABAB

CSS Usage

background-color: #38CF96;
color: #38CF96;
border-color: #38CF96;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FBF8
100
#E4F6EF
200
#C5F1E1
300
#9CE7CB
400
#67DAAF
500
#32CD93
600
#28A475
700
#20835E
800
#196749
900
#164B37
950
#0E2F23

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026