#38BDF8

#38BDF8

Color Values

HEX

#38BDF8

RGB

56, 189, 248

HSL

198.4, 93.2%, 59.6%

HSV

198.4, 77.4%, 97.3%

CMYK

77.4%, 23.8%, 0.0%, 2.7%

OKLCH

0.7535 0.139 232.7

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#38BDF8

#F87338

Analogous

#38F8D3

#385DF8

#38BDF8

Triadic

#38BDF8

#F838BD

#BDF838

Split Complementary

#38BDF8

#F8385D

#F8D338

Tetradic

#38BDF8

#D338F8

#F87338

#5DF838

Color Blindness Simulation

Original

#38BDF8

Protanopia

#7273EA

Deuteranopia

#6A60E6

Tritanopia

#3FDEDC

Achromatopsia

#A5A5A5

CSS Usage

background-color: #38BDF8;
color: #38BDF8;
border-color: #38BDF8;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAE8FD
300
#89D8FB
400
#49C3F9
500
#09ADF6
600
#078BC5
700
#066F9E
800
#04577B
900
#084059
950
#052938

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.8:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Sky

Sky 400

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026