#274C82 Color

Color Information

HEX#274C82
RGB39, 76, 130
HSL216° , 54% , 33%
HSV216° , 70% , 51%
CMYK70%, 42%, 0%, 49%

Lighter Shades

#416191 #5B77A0 #758CAF #8FA2BE #A9B7CD #C3CDDC

Darker Shades

#224372 #1E3A63 #193153 #142844 #101E34 #0B1524

Complementary Palette

#224170 #274C82 #705022 #825D27 #947445 #456594

Analogous Palette

#34656A #386B71 #25477A #274C82 #3D3871 #4F4B77

Triadic Palette

#224372 #274C82 #8A1E49 #98395F #498A1E #40791A

Split Complementary Palette

#234475 #274C82 #823027 #8F453D #798227 #6D7523

Square Palette

#21406D #274C82 #792F72 #795C2F #278230 #4A9651

Tetradic Palette

#203E6B #274C82 #601891 #825D27 #489118 #69A542

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #274C82 contains 39 red, 76 green, and 130 blue.

Contrast Ratio: 8.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.39:1