#3A68B9 Color

Color Information

HEX#3A68B9
RGB58, 104, 185
HSL218° , 52% , 48%
HSV218° , 69% , 73%
CMYK69%, 44%, 0%, 27%

Lighter Shades

#527AC1 #698CCA #819ED2 #99B0DB #B0C3E3 #C8D5EB

Darker Shades

#335CA3 #2C4F8D #254376 #1E3660 #172A4A #101D34

Complementary Palette

#32599F #3A68B9 #A07833 #BA8B3B #C49B56 #567DC3

Analogous Palette

#4C8B94 #5397A2 #3762AE #3A68B9 #5E53A2 #6B62A7

Triadic Palette

#335CA3 #3A68B9 #C62F66 #CD4878 #66C62F #5AAE29

Split Complementary Palette

#345EA7 #3A68B9 #BA4C3B #C15E4F #A9BA3B #98A735

Square Palette

#31579B #3A68B9 #AE47A0 #AE8847 #3BBA4C #5AC569

Tetradic Palette

#305598 #3A68B9 #9125D0 #BA8B3B #64D025 #80D84C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A68B9 contains 58 red, 104 green, and 185 blue.

Contrast Ratio: 5.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.86:1