#54ACF2 Color

Color Information

HEX#54ACF2
RGB84, 172, 242
HSL207° , 86% , 64%
HSV207° , 65% , 95%
CMYK65%, 29%, 0%, 5%

Lighter Shades

#69B6F4 #7DC0F5 #92CAF7 #A6D4F8 #BBDEFA #CFE8FB

Darker Shades

#4A97D5 #4083B8 #366E9B #2C597E #224561 #183044

Complementary Palette

#4894D0 #54ACF2 #D08548 #F29B54 #F4A96C #6CB8F4

Analogous Palette

#62CBC5 #67E0DA #4FA2E3 #54ACF2 #676DE0 #7379E2

Triadic Palette

#4A97D5 #54ACF2 #FB4BAC #FB61B6 #ACFB4B #97DD42

Split Complementary Palette

#4C9BDA #54ACF2 #F2545C #F3656C #F2EA54 #DAD34C

Square Palette

#4790CB #54ACF2 #E25DE9 #E99C5D #5CF254 #76F46F

Tetradic Palette

#458DC6 #54ACF2 #9A47FF #F29B54 #ACFF47 #BBFF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #54ACF2 contains 84 red, 172 green, and 242 blue.

Contrast Ratio: 2.42:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.67:1