#146685 Color

Color Information

HEX#146685
RGB20, 102, 133
HSL196° , 74% , 30%
HSV196° , 85% , 52%
CMYK85%, 23%, 0%, 48%

Lighter Shades

#307894 #4C8BA2 #699DB1 #85AFC0 #A1C2CE #BDD4DD

Darker Shades

#125A75 #0F4E65 #0D4155 #0A3545 #082935 #061D25

Complementary Palette

#115872 #146685 #722B11 #853214 #964F35 #357B96

Analogous Palette

#206A59 #237663 #13607D #146685 #233676 #3A4A7E

Triadic Palette

#125A75 #146685 #8D0C6A #9B297C #6A8D0C #5D7C0B

Split Complementary Palette

#125C78 #146685 #85142E #912C43 #856B14 #786012

Square Palette

#115670 #146685 #671C7D #7D361C #2E8514 #4F993A

Tetradic Palette

#10546D #146685 #2C0693 #853214 #6D9306 #87A633

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #146685 contains 20 red, 102 green, and 133 blue.

Contrast Ratio: 6.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1