Color Combos

#304D5E Hex Web Color

0
Likes
0
Views

Color #304D5E preview

Actions tap to open
Create Combo
Random

Quick Variations

Original color Lighter 10% Lighter 20% Darker 10% Darker 20% Analogous −30° Analogous +30° Triadic −120° Triadic +120°

#304D5E FAQs

What is the RGB value of #304D5E?

RGB: 48, 77, 94. Copy as CSS: rgb(48, 77, 94).

Is #304D5E a web-safe color?

No — web-safe colors use pairs from 00, 33, 66, 99, CC, FF.

What is the complementary color of #304D5E?

Complement: #CFB2A1.

Does #304D5E have good contrast on white or black?

On white: 8.94:1 (AAA (normal text)). On black: 2.35:1 (Fails AA).

Color #304D5E Description

Build combos with #304D5E

#304D5E (304D5E) — RGB 48,77,94. See contrast on black/white, quick variations, and palettes that pair well for clean UI accents. It has CMYK colour values of 48.9, 18.1, 0, 63.1. This web color is described by the following tags: cool, soft, dark, reads well with white text. The page below contains color combinations, color schemes, color palettes, and images that match and go well with the hex color 304D5E. There is 1 colour combination with hex code #304D5E.

Readable text on #304D5E
Black text: FailWhite text: AAA

#304D5E Color Codes

Color Swatch Color Codes Tags
  • Hex: #304D5E
  • RGB: 48, 77, 94
  • CMYK: 48.9, 18.1, 0, 63.1
  • HSV: 202, 49, 37

Complementary Color Palettes with #304D5E

Complementary Palette

#304D5E #5E3042 #5E3530 #5E4D30 #595E30 #425E30

Split Complementary Palette

#304D5E #5E3030 #5E3B30 #5E4730 #5E5230 #5E5E30

Analogous Palette

#304D5E #305E4D #30585E #30425E #36305E #4D305E

Triadic Palette

#304D5E #4D305E #5E3059 #5E3042 #5E3530 #5E4D30

Monochrome Palette

#304D5E #1D2E38 #395C71 #568AA9 #8EB1C6 #C7D8E2

Font Color Tester