Color Combos

#304A5E Hex Web Color

0
Likes
0
Views

Color #304A5E 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°

#304A5E FAQs

What is the RGB value of #304A5E?

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

Is #304A5E a web-safe color?

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

What is the complementary color of #304A5E?

Complement: #CFB5A1.

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

On white: 9.26:1 (AAA (normal text)). On black: 2.27:1 (Fails AA).

Color #304A5E Description

Build combos with #304A5E

#304A5E (304A5E) — RGB 48,74,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, 21.3, 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 304A5E. There is 1 colour combination with hex code #304A5E.

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

#304A5E Color Codes

Color Swatch Color Codes Tags
  • Hex: #304A5E
  • RGB: 48, 74, 94
  • CMYK: 48.9, 21.3, 0, 63.1
  • HSV: 206, 49, 37

Complementary Color Palettes with #304A5E

Complementary Palette

#304A5E #5E303F #5E3930 #5E4F30 #565E30 #3F5E30

Split Complementary Palette

#304A5E #5E3330 #5E3E30 #5E4A30 #5E5530 #5B5E30

Analogous Palette

#304A5E #305E50 #30565E #303F5E #39305E #50305E

Triadic Palette

#304A5E #50305E #5E3055 #5E303F #5E3930 #5E4F30

Monochrome Palette

#304A5E #1D2C38 #395971 #5685A9 #8EAEC6 #C7D6E2

Font Color Tester