#21A2E7 Color

Color Information

HEX#21A2E7
RGB33, 162, 231
HSL201° , 80% , 52%
HSV201° , 86% , 91%
CMYK86%, 30%, 0%, 9%

Lighter Shades

#3CADEA #56B8ED #71C3F0 #8CCFF3 #A6DAF5 #C1E5F8

Darker Shades

#1D8FCB #197BB0 #156894 #115478 #0D415C #092D41

Complementary Palette

#1C8BC7 #21A2E7 #C7591E #E76723 #EA7C42 #40AFEA

Analogous Palette

#38BCA9 #3BCEB8 #1F98D9 #21A2E7 #3B51CE #4B60D2

Triadic Palette

#1D8FCB #21A2E7 #F316A6 #F432B1 #A6F316 #92D613

Split Complementary Palette

#1E92D0 #21A2E7 #E72340 #E93953 #E7C923 #D0B520

Square Palette

#1C88C2 #21A2E7 #C12FDA #DA6B2F #40E723 #5FEB46

Tetradic Palette

#1B85BD #21A2E7 #610DFD #E76723 #A9FD0D #B8FD39

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #21A2E7 contains 33 red, 162 green, and 231 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.48:1