#36CAD4

#36CAD4

Color Values

HEX

#36CAD4

RGB

54, 202, 212

HSL

183.8, 64.8%, 52.2%

HSV

183.8, 74.5%, 83.1%

CMYK

74.5%, 4.7%, 0.0%, 16.9%

OKLCH

0.7687 0.1194 201.8

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#36CAD4

#D44036

Analogous

#36D48F

#367BD4

#36CAD4

Triadic

#36CAD4

#D436CA

#CAD436

Split Complementary

#36CAD4

#D4367B

#D48F36

Tetradic

#36CAD4

#8F36D4

#D44036

#7BD436

Color Blindness Simulation

Original

#36CAD4

Protanopia

#7677D2

Deuteranopia

#6E62D1

Tritanopia

#3DD0CF

Achromatopsia

#ABABAB

CSS Usage

background-color: #36CAD4;
color: #36CAD4;
border-color: #36CAD4;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F0F2
300
#9AE4E9
400
#64D6DE
500
#2DC8D2
600
#24A0A8
700
#1D8086
800
#166469
900
#14494D
950
#0D2E30

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026