#2A3C66 Color

Color Information

HEX#2A3C66
RGB42, 60, 102
HSL222° , 42% , 28%
HSV222° , 59% , 40%
CMYK59%, 41%, 0%, 60%

Lighter Shades

#445378 #5D6B8B #77829D #909AAF #AAB1C2 #C3C8D4

Darker Shades

#25355A #202E4E #1B2641 #161F35 #111829 #0C111D

Complementary Palette

#243458 #2A3C66 #574723 #655329 #7B6B47 #48577B

Analogous Palette

#344B51 #385157 #273860 #2A3C66 #3E3857 #4F4A64

Triadic Palette

#25355A #2A3C66 #6D2239 #7F3D51 #396D22 #32601E

Split Complementary Palette

#26365C #2A3C66 #653529 #74493E #596529 #505B25

Square Palette

#233256 #2A3C66 #5E3155 #5E5131 #296535 #4B7E55

Tetradic Palette

#223154 #2A3C66 #591D72 #655329 #36721D #5A8B46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3C66 contains 42 red, 60 green, and 102 blue.

Contrast Ratio: 11.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1