#367AED

54, 122, 237

#367AED

Custom color #367AED with RGB values 54, 122, 237.

HEX#367AED

RGB54, 122, 237

HSL218°, 84%, 57%

CMYK77%, 49%, 0%, 7%

CSS Variable--color: #367aed;

Use in Generator Check Contrast View on Wheel

Shades of #367AED

#d0e0fb

#a1c1f7

#73a2f2

#4483ee

#1564ea

#1150bb

#0d3c8c

#08285e

#04142f

Tints of #367AED

#367aed

#4c89ef

#6297f1

#79a6f3

#8fb5f5

#a5c3f7

#bbd2f9

#d1e1fb

#e8f0fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.07:1

AA NormalFailAAAFail

Sample Text

On Black5.16:1

AA NormalPassAAAFail

Full contrast analysis →