#304472 hex color

In a RGB color space, hex #304472 is composed of 18.8% red, 26.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 40.4% magenta, 0% yellow and 55.3% black. It has a hue angle of 221.8 degrees, a saturation of 40.7% and a lightness of 31.8%. #304472 color hex could be obtained by blending #6088e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 27
- B 45
RGB color chart
- C 58
- M 40
- Y 0
- K 55
CMYK color chart

● #304472 color description : Very dark desaturated blue.

The hexadecimal color #304472 has RGB values of R:48, G:68, B:114 and CMYK values of C:0.58, M:0.4, Y:0, K:0.55. Its decimal value is 3163250.

Hex triplet	304472	`#304472`
RGB Decimal	48, 68, 114	`rgb(48,68,114)`
RGB Percent	18.8, 26.7, 44.7	`rgb(18.8%,26.7%,44.7%)`
CMYK	58, 40, 0, 55
HSL	221.8°, 40.7, 31.8	`hsl(221.8,40.7%,31.8%)`
HSV (or HSB)	221.8°, 57.9, 44.7
Web Safe	333366	`#333366`

CIE-LAB	29.355, 7.097, -28.943
XYZ	6.323, 5.977, 16.739
xyY	0.218, 0.206, 5.977
CIE-LCH	29.355, 29.8, 283.778
CIE-LUV	29.355, -9.484, -38.306
Hunter-Lab	24.448, 3.378, -23.481
Binary	00110000, 01000100, 01110010

#304472
```
#304472 rgb(48,68,114)
```
#725e30
```
#725e30 rgb(114,94,48)
```

Complementary Color

#306572
```
#306572 rgb(48,101,114)
```
#304472
```
#304472 rgb(48,68,114)
```
#3d3072
```
#3d3072 rgb(61,48,114)
```

Analogous Color

#657230
```
#657230 rgb(101,114,48)
```
#304472
```
#304472 rgb(48,68,114)
```
#723d30
```
#723d30 rgb(114,61,48)
```

Split Complementary Color

#447230
```
#447230 rgb(68,114,48)
```
#304472
```
#304472 rgb(48,68,114)
```
#723044
```
#723044 rgb(114,48,68)
```

Triadic Color

#30725e
```
#30725e rgb(48,114,94)
```
#304472
```
#304472 rgb(48,68,114)
```
#723044
```
#723044 rgb(114,48,68)
```
#725e30
```
#725e30 rgb(114,94,48)
```

Tetradic Color

#19243c
```
#19243c rgb(25,36,60)
```
#212f4e
```
#212f4e rgb(33,47,78)
```
#283960
```
#283960 rgb(40,57,96)
```
#304472
```
#304472 rgb(48,68,114)
```
#384f84
```
#384f84 rgb(56,79,132)
```
#3f5996
```
#3f5996 rgb(63,89,150)
```
#4764a8
```
#4764a8 rgb(71,100,168)
```

Monochromatic Color

Below, you can see some colors close to #304472. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#305572
```
#305572 rgb(48,85,114)
```
#304f72
```
#304f72 rgb(48,79,114)
```
#304a72
```
#304a72 rgb(48,74,114)
```
#304472
```
#304472 rgb(48,68,114)
```
#303f72
```
#303f72 rgb(48,63,114)
```
#303972
```
#303972 rgb(48,57,114)
```
#303472
```
#303472 rgb(48,52,114)
```

Similar Colors

Text with hexadecimal color #304472

This text has a font color of #304472.

<span style="color:#304472;">Text here</span>

#304472 background color

This paragraph has a background color of #304472.

<p style="background-color:#304472;">Content here</p>

#304472 border color

This element has a border color of #304472.

<div style="border:1px solid #304472;">Content here</div>

CSS codes

.text {color:#304472;}

.background {background-color:#304472;}

.border {border:1px solid #304472;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020204 is the darkest color, while #f5f7fb is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#070a11
```
#070a11 rgb(7,10,17)
```
#0d131f
```
#0d131f rgb(13,19,31)
```
#131b2d
```
#131b2d rgb(19,27,45)
```
#19233b
```
#19233b rgb(25,35,59)
```
#1f2b49
```
#1f2b49 rgb(31,43,73)
```
#243456
```
#243456 rgb(36,52,86)
```
#2a3c64
```
#2a3c64 rgb(42,60,100)
```
#304472
```
#304472 rgb(48,68,114)
```
#364c80
```
#364c80 rgb(54,76,128)
```
#3c548e
```
#3c548e rgb(60,84,142)
```
#415d9b
```
#415d9b rgb(65,93,155)
```
#4765a9
```
#4765a9 rgb(71,101,169)
```

Shade Color Variation

#4f6eb5
```
#4f6eb5 rgb(79,110,181)
```
#5d79bb
```
#5d79bb rgb(93,121,187)
```
#6b85c1
```
#6b85c1 rgb(107,133,193)
```
#7990c6
```
#7990c6 rgb(121,144,198)
```
#869ccc
```
#869ccc rgb(134,156,204)
```
#94a7d2
```
#94a7d2 rgb(148,167,210)
```
#a2b2d8
```
#a2b2d8 rgb(162,178,216)
```
#b0bede
```
#b0bede rgb(176,190,222)
```
#bec9e3
```
#bec9e3 rgb(190,201,227)
```
#cbd4e9
```
#cbd4e9 rgb(203,212,233)
```
#d9e0ef
```
#d9e0ef rgb(217,224,239)
```
#e7ebf5
```
#e7ebf5 rgb(231,235,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5053 is the less saturated color, while #04339e is the most saturated one.

#4f5053
```
#4f5053 rgb(79,80,83)
```
#494e59
```
#494e59 rgb(73,78,89)
```
#434b5f
```
#434b5f rgb(67,75,95)
```
#3c4966
```
#3c4966 rgb(60,73,102)
```
#36466c
```
#36466c rgb(54,70,108)
```
#304472
```
#304472 rgb(48,68,114)
```
#2a4278
```
#2a4278 rgb(42,66,120)
```
#243f7e
```
#243f7e rgb(36,63,126)
```
#1d3d85
```
#1d3d85 rgb(29,61,133)
```
#173a8b
```
#173a8b rgb(23,58,139)
```
#113891
```
#113891 rgb(17,56,145)
```
#0b3597
```
#0b3597 rgb(11,53,151)
```
#04339e
```
#04339e rgb(4,51,158)
```

Tone Color Variation

Below, you can see how #304472 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#434343 Achromatopsia 0.005% of the population
#3f434c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4d79 Protanopia 1% of men
#344f78 Deuteranopia 1% of men
#2b545a Tritanopia 0.001% of the population

Trichromacy

#374a76 Protanomaly 1% of men, 0.01% of women
#324b76 Deuteranomaly 6% of men, 0.4% of women
#2d4e63 Tritanomaly 0.01% of the population

#304472 hex color

#304472 Color Information

#304472 Color Conversion

Color Schemes with #304472

Alternatives to #304472

#304472 Preview

Shades and Tints of #304472

Tones of #304472

Color Blindness Simulator