#38DAFD

#38DAFD

Color Values

HEX

#38DAFD

RGB

56, 218, 253

HSL

190.7, 98.0%, 60.6%

HSV

190.7, 77.9%, 99.2%

CMYK

77.9%, 13.8%, 0.0%, 0.8%

OKLCH

0.8226 0.1351 216.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#38DAFD

#FD5B38

Analogous

#38FDBE

#3877FD

#38DAFD

Triadic

#38DAFD

#FD38DA

#DAFD38

Split Complementary

#38DAFD

#FD3877

#FDBE38

Tetradic

#38DAFD

#BE38FD

#FD5B38

#77FD38

Color Blindness Simulation

Original

#38DAFD

Protanopia

#7E80F5

Deuteranopia

#7569F2

Tritanopia

#40EEEC

Achromatopsia

#BABABA

CSS Usage

background-color: #38DAFD;
color: #38DAFD;
border-color: #38DAFD;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFE
100
#DEF7FC
200
#B8F2FE
300
#86E8FE
400
#44DCFD
500
#03D0FC
600
#02A6CA
700
#0285A2
800
#01687E
900
#064C5B
950
#04303A

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026