#36C0F5

#36C0F5

Color Values

HEX

#36C0F5

RGB

54, 192, 245

HSL

196.6, 90.5%, 58.6%

HSV

196.6, 78.0%, 96.1%

CMYK

78.0%, 21.6%, 0.0%, 3.9%

OKLCH

0.7586 0.1357 229.1

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#36C0F5

#F56B36

Analogous

#36F5CA

#3661F5

#36C0F5

Triadic

#36C0F5

#F536C0

#C0F536

Split Complementary

#36C0F5

#F53661

#F5CA36

Tetradic

#36C0F5

#CA36F5

#F56B36

#61F536

Color Blindness Simulation

Original

#36C0F5

Protanopia

#7273E8

Deuteranopia

#6A5FE5

Tritanopia

#3DDEDC

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BBEAFC
300
#8ADBF9
400
#4BC7F6
500
#0CB3F3
600
#0A8FC2
700
#08739B
800
#065A79
900
#094258
950
#062A38

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.02:1

AA Pass AAA Pass

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