#2D60DE Color

Color Information

HEX	#2D60DE
RGB	45, 96, 222
HSL	223° , 73% , 52%
HSV	223° , 80% , 87%
CMYK	80%, 57%, 0%, 13%

Lighter Shades

#4673E2 #5F86E6 #7999EA #92ACEE #ABBFF2 #C4D2F6

Darker Shades

#2854C3 #2249A9 #1D3D8E #173273 #122659 #0D1B3E

Complementary Palette

#2753BF #2D60DE #BF9325 #DEAB2B #E3B749 #4A76E3

Analogous Palette

#419BB4 #44A9C5 #2A5AD1 #2D60DE #6044C5 #6D53CA

Triadic Palette

#2854C3 #2D60DE #EA1F59 #ED3A6D #59EA1F #4ECE1B

Split Complementary Palette

#2956C8 #2D60DE #DE522B #E16340 #B7DE2B #A5C827

Square Palette

#2651BA #2D60DE #D237B0 #D2A637 #2BDE52 #4DE36E

Tetradic Palette

#254FB6 #2D60DE #B515F4 #DEAB2B #54F415 #73F63F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D60DE contains 45 red, 96 green, and 222 blue.

Contrast Ratio: 5.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1