#283CD4 Color

Color Information

HEX	#283CD4
RGB	40, 60, 212
HSL	233° , 68% , 49%
HSV	233° , 81% , 83%
CMYK	81%, 72%, 0%, 17%

Lighter Shades

#4253D9 #5C6BDE #7582E3 #8F9AE9 #A9B1EE #C3C8F3

Darker Shades

#2335BB #1E2EA1 #1A2688 #151F6E #101855 #0B113B

Complementary Palette

#2234B6 #283CD4 #B5A322 #D2BE28 #D8C746 #4657DA

Analogous Palette

#3C80AA #418BB9 #2638C7 #283CD4 #6F41B9 #7A50BE

Triadic Palette

#2335BB #283CD4 #DE1B32 #E2364B #32DE1B #2CC318

Split Complementary Palette

#2436BF #283CD4 #D26928 #D7783E #91D228 #83BD24

Square Palette

#2232B2 #283CD4 #C5348E #C5B534 #28D269 #4AD981

Tetradic Palette

#2131AE #283CD4 #CF11E8 #D2BE28 #2BE811 #51EC3C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #283CD4 contains 40 red, 60 green, and 212 blue.

Contrast Ratio: 7.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.63:1