#4472F4

68, 114, 244

#4472F4

Custom color #4472F4 with RGB values 68, 114, 244.

HEX#4472F4

RGB68, 114, 244

HSL224°, 89%, 61%

CMYK72%, 53%, 0%, 4%

CSS Variable--color: #4472f4;

Use in Generator Check Contrast View on Wheel

Shades of #4472F4

#cfdbfc

#9fb6f9

#6e92f7

#3e6ef4

#0e49f1

#0b3bc1

#082c90

#061d60

#030f30

Tints of #4472F4

#4472f4

#5881f5

#6d91f6

#81a0f8

#95aff9

#aabffa

#becefb

#d3ddfc

#e7edfe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.23:1

AA NormalFailAAAFail

Sample Text

On Black4.96:1

AA NormalPassAAAFail

Full contrast analysis →