#38DFE5

#38DFE5

Color Values

HEX

#38DFE5

RGB

56, 223, 229

HSL

182.1, 76.9%, 55.9%

HSV

182.1, 75.5%, 89.8%

CMYK

75.5%, 2.6%, 0.0%, 10.2%

OKLCH

0.8254 0.1298 198.7

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#38DFE5

#E53E38

Analogous

#38E595

#3888E5

#38DFE5

Triadic

#38DFE5

#E538DF

#DFE538

Split Complementary

#38DFE5

#E53888

#E59538

Tetradic

#38DFE5

#9538E5

#E53E38

#88E538

Color Blindness Simulation

Original

#38DFE5

Protanopia

#8082E4

Deuteranopia

#776AE3

Tritanopia

#40E2E2

Achromatopsia

#BCBCBC

CSS Usage

background-color: #38DFE5;
color: #38DFE5;
border-color: #38DFE5;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#C0F5F7
300
#93EEF1
400
#58E4E9
500
#1DDBE2
600
#18AFB4
700
#138C90
800
#0F6D71
900
#0F5052
950
#093234

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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