#36A9F2

54, 169, 242

#36A9F2

Custom color #36A9F2 with RGB values 54, 169, 242.

HEX#36A9F2
RGB54, 169, 242
HSL203°, 88%, 58%
CMYK78%, 30%, 0%, 5%
CSS Variable--color: #36a9f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #36A9F2

#cfebfc

#9fd6f9

#6fc2f6

#3fadf3

#0f99f0

#0c7ac0

#095c90

#063d60

#031f30

Tints of #36A9F2

#36a9f2

#4cb2f3

#62bcf5

#78c5f6

#8fcff8

#a5d8f9

#bbe2fb

#d1ebfc

#e7f5fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.59:1
AA NormalFailAAAFail

Sample Text

On Black8.11:1
AA NormalPassAAAPass
Full contrast analysis →