#285F6A Color

Color Information

HEX#285F6A
RGB40, 95, 106
HSL190° , 45% , 29%
HSV190° , 62% , 42%
CMYK62%, 10%, 0%, 58%

Lighter Shades

#42727C #5C858E #7599A0 #8FACB2 #A9BFC3 #C3D2D5

Darker Shades

#23545D #1E4851 #1A3D44 #153137 #10262A #0B1B1E

Complementary Palette

#22525B #285F6A #5C2D23 #6B3429 #805047 #46757F

Analogous Palette

#34554A #375C50 #265964 #285F6A #37445C #4C5567

Triadic Palette

#23545D #285F6A #732165 #843C77 #657321 #59651D

Split Complementary Palette

#24565F #285F6A #6B293F #7A3E52 #6B5529 #604D25

Square Palette

#225059 #285F6A #533064 #643930 #3F6B29 #5E834B

Tetradic Palette

#214E57 #285F6A #2B1B79 #6B3429 #69791B #849144

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #285F6A contains 40 red, 95 green, and 106 blue.

Contrast Ratio: 7.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.91:1