Color Combos

#304F5E Hex Web Color

0
Likes
0
Views

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

#304F5E FAQs

What is the RGB value of #304F5E?

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

Is #304F5E a web-safe color?

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

What is the complementary color of #304F5E?

Complement: #CFB0A1.

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

On white: 8.73:1 (AAA (normal text)). On black: 2.41:1 (Fails AA).

Color #304F5E Description

Build combos with #304F5E

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

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

#304F5E Color Codes

Color Swatch Color Codes Tags
  • Hex: #304F5E
  • RGB: 48, 79, 94
  • CMYK: 48.9, 16, 0, 63.1
  • HSV: 200, 49, 37

Complementary Color Palettes with #304F5E

Complementary Palette

#304F5E #5E3044 #5E3430 #5E4B30 #5B5E30 #445E30

Split Complementary Palette

#304F5E #5E3032 #5E3930 #5E4530 #5E5030 #5E5C30

Analogous Palette

#304F5E #305E4B #305A5E #30445E #34305E #4B305E

Triadic Palette

#304F5E #4B305E #5E305B #5E3044 #5E3430 #5E4B30

Monochrome Palette

#304F5E #1D2F38 #395F71 #568EA9 #8EB4C6 #C7D9E2

Font Color Tester