#2B5DDB Color

Color Information

HEX#2B5DDB
RGB43, 93, 219
HSL223° , 71% , 51%
HSV223° , 80% , 86%
CMYK80%, 58%, 0%, 14%

Lighter Shades

#4470DF #5E84E4 #7797E8 #91ABEC #AABEF1 #C4D2F5

Darker Shades

#2652C1 #2147A6 #1C3C8C #163072 #112558 #0C1A3D

Complementary Palette

#2550BC #2B5DDB #BC9023 #DBA829 #E0B447 #4974E0

Analogous Palette

#3E98B1 #42A6C2 #2857CE #2B5DDB #5E42C2 #6B52C7

Triadic Palette

#2652C1 #2B5DDB #E71D56 #EA386A #56E71D #4CCB1A

Split Complementary Palette

#2754C5 #2B5DDB #DB5029 #DF623E #B4DB29 #A2C525

Square Palette

#244EB8 #2B5DDB #CE36AD #CEA336 #29DB50 #4BE16C

Tetradic Palette

#234CB4 #2B5DDB #B213F1 #DBA829 #52F113 #71F43D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B5DDB contains 43 red, 93 green, and 219 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1