#2F304E Color

Color Information

HEX#2F304E
RGB47, 48, 78
HSL238° , 25% , 25%
HSV238° , 40% , 31%
CMYK40%, 38%, 0%, 69%

Lighter Shades

#484963 #616278 #7A7B8E #9393A3 #ACACB8 #C5C5CD

Darker Shades

#292A45 #24243B #1E1F32 #181929 #13131F #0D0D16

Complementary Palette

#282943 #2F304E #454429 #504F30 #69684D #4C4D67

Analogous Palette

#323B43 #364049 #2C2D49 #2F304E #3F3649 #4E435B

Triadic Palette

#292A45 #2F304E #56292B #6A4344 #2B5629 #264C24

Split Complementary Palette

#2A2B46 #2F304E #503F30 #625245 #415030 #3B482B

Square Palette

#272842 #2F304E #493640 #494936 #30503F #516C5E

Tetradic Palette

#272740 #2F304E #59245B #504F30 #265B24 #4D794B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F304E contains 47 red, 48 green, and 78 blue.

Contrast Ratio: 13.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1