#283CCC Color

Color Information

HEX	#283CCC
RGB	40, 60, 204
HSL	233° , 67% , 48%
HSV	233° , 80% , 80%
CMYK	80%, 71%, 0%, 20%

Lighter Shades

#4253D2 #5C6BD8 #7582DE #8F9AE4 #A9B1EB #C3C8F1

Darker Shades

#2335B4 #1E2E9B #1A2683 #151F6A #101852 #0B1139

Complementary Palette

#2234AF #283CCC #AF9F22 #CCB928 #D3C346 #4657D3

Analogous Palette

#3B7DA5 #4188B4 #2638C0 #283CCC #6D41B4 #7951B8

Triadic Palette

#2335B4 #283CCC #D91C32 #DE374B #32D91C #2CBF19

Split Complementary Palette

#2436B8 #283CCC #CC6728 #D1763E #8ECC28 #80B824

Square Palette

#2232AB #283CCC #C0358B #C0B035 #28CC67 #4AD47F

Tetradic Palette

#2131A7 #283CCC #CA12E2 #CCB928 #2BE212 #51E73D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #283CCC contains 40 red, 60 green, and 204 blue.

Contrast Ratio: 8.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1