#305D64 Color

Color Information

HEX#305D64
RGB48, 93, 100
HSL188° , 35% , 29%
HSV188° , 52% , 39%
CMYK52%, 7%, 0%, 61%

Lighter Shades

#497077 #628489 #7B979C #93ABAE #ACBEC1 #C5D2D4

Darker Shades

#2A5258 #24474C #1F3C40 #193034 #132528 #0D1A1C

Complementary Palette

#295056 #305D64 #562F29 #643730 #7A534D #4D747A

Analogous Palette

#3B4F48 #3F554D #2D575E #305D64 #3F4755 #4C5667

Triadic Palette

#2A5258 #305D64 #6B2962 #7D4375 #626B29 #565E24

Split Complementary Palette

#2B545A #305D64 #643043 #744556 #645130 #5A492B

Square Palette

#284E54 #305D64 #4F375C #5C3C37 #436430 #617D51

Tetradic Palette

#274C52 #305D64 #2D2371 #643730 #677123 #828B4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #305D64 contains 48 red, 93 green, and 100 blue.

Contrast Ratio: 7.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1