#38FFD6

#38FFD6

Color Values

HEX

#38FFD6

RGB

56, 255, 214

HSL

167.6, 100.0%, 61.0%

HSV

167.6, 78.0%, 100.0%

CMYK

78.0%, 0.0%, 16.1%, 0.0%

OKLCH

0.8973 0.1601 174.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#38FFD6

#FF3861

Analogous

#38FF72

#38C5FF

#38FFD6

Triadic

#38FFD6

#D638FF

#FFD638

Split Complementary

#38FFD6

#FF38C5

#FF7238

Tetradic

#38FFD6

#7238FF

#FF3861

#C5FF38

Color Blindness Simulation

Original

#38FFD6

Protanopia

#8E90E0

Deuteranopia

#8374E2

Tritanopia

#42E8E9

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DEFCF6
200
#B8FFF0
300
#85FFE6
400
#42FFD8
500
#00FFCA
600
#00CCA2
700
#00A381
800
#008065
900
#055C4A
950
#033A2F

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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