#304ca8 hex color

In a RGB color space, hex #304ca8 is composed of 18.8% red, 29.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 54.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 226 degrees, a saturation of 55.6% and a lightness of 42.4%. #304ca8 color hex could be obtained by blending #6098ff with #000051. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 30
- B 66
RGB color chart
- C 71
- M 55
- Y 0
- K 34
CMYK color chart

● #304ca8 color description : Dark blue.

The hexadecimal color #304ca8 has RGB values of R:48, G:76, B:168 and CMYK values of C:0.71, M:0.55, Y:0, K:0.34. Its decimal value is 3165352.

Hex triplet	304ca8	`#304ca8`
RGB Decimal	48, 76, 168	`rgb(48,76,168)`
RGB Percent	18.8, 29.8, 65.9	`rgb(18.8%,29.8%,65.9%)`
CMYK	71, 55, 0, 34
HSL	226°, 55.6, 42.4	`hsl(226,55.6%,42.4%)`
HSV (or HSB)	226°, 71.4, 65.9
Web Safe	333399	`#333399`

CIE-LAB	35.249, 21.794, -52.617
XYZ	10.87, 8.624, 38.135
xyY	0.189, 0.15, 8.624
CIE-LCH	35.249, 56.952, 292.499
CIE-LUV	35.249, -12.412, -74.936
Hunter-Lab	29.366, 14.68, -56.439
Binary	00110000, 01001100, 10101000

#304ca8
```
#304ca8 rgb(48,76,168)
```
#a88c30
```
#a88c30 rgb(168,140,48)
```

Complementary Color

#3088a8
```
#3088a8 rgb(48,136,168)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#5030a8
```
#5030a8 rgb(80,48,168)
```

Analogous Color

#88a830
```
#88a830 rgb(136,168,48)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#a85030
```
#a85030 rgb(168,80,48)
```

Split Complementary Color

#4ca830
```
#4ca830 rgb(76,168,48)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#a8304c
```
#a8304c rgb(168,48,76)
```

Triadic Color

#30a88c
```
#30a88c rgb(48,168,140)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#a8304c
```
#a8304c rgb(168,48,76)
```
#a88c30
```
#a88c30 rgb(168,140,48)
```

Tetradic Color

#1f316d
```
#1f316d rgb(31,49,109)
```
#253a80
```
#253a80 rgb(37,58,128)
```
#2a4394
```
#2a4394 rgb(42,67,148)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#3655bc
```
#3655bc rgb(54,85,188)
```
#4262c9
```
#4262c9 rgb(66,98,201)
```
#5672cf
```
#5672cf rgb(86,114,207)
```

Monochromatic Color

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

#306aa8
```
#306aa8 rgb(48,106,168)
```
#3060a8
```
#3060a8 rgb(48,96,168)
```
#3056a8
```
#3056a8 rgb(48,86,168)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#3042a8
```
#3042a8 rgb(48,66,168)
```
#3038a8
```
#3038a8 rgb(48,56,168)
```
#3230a8
```
#3230a8 rgb(50,48,168)
```

Similar Colors

Text with hexadecimal color #304ca8

This text has a font color of #304ca8.

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

#304ca8 background color

This paragraph has a background color of #304ca8.

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

#304ca8 border color

This element has a border color of #304ca8.

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

CSS codes

.text {color:#304ca8;}

.background {background-color:#304ca8;}

.border {border:1px solid #304ca8;}

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, #000000 is the darkest color, while #f0f2fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#04070f
```
#04070f rgb(4,7,15)
```
#090e1f
```
#090e1f rgb(9,14,31)
```
#0d152e
```
#0d152e rgb(13,21,46)
```
#111c3d
```
#111c3d rgb(17,28,61)
```
#16234c
```
#16234c rgb(22,35,76)
```
#1a295c
```
#1a295c rgb(26,41,92)
```
#1f306b
```
#1f306b rgb(31,48,107)
```
#23377a
```
#23377a rgb(35,55,122)
```
#273e89
```
#273e89 rgb(39,62,137)
```
#2c4599
```
#2c4599 rgb(44,69,153)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#3453b7
```
#3453b7 rgb(52,83,183)
```

Shade Color Variation

#395ac6
```
#395ac6 rgb(57,90,198)
```
#4867cb
```
#4867cb rgb(72,103,203)
```
#5773cf
```
#5773cf rgb(87,115,207)
```
#6780d3
```
#6780d3 rgb(103,128,211)
```
#768dd8
```
#768dd8 rgb(118,141,216)
```
#8599dc
```
#8599dc rgb(133,153,220)
```
#94a6e1
```
#94a6e1 rgb(148,166,225)
```
#a4b3e5
```
#a4b3e5 rgb(164,179,229)
```
#b3c0e9
```
#b3c0e9 rgb(179,192,233)
```
#c2ccee
```
#c2ccee rgb(194,204,238)
```
#d1d9f2
```
#d1d9f2 rgb(209,217,242)
```
#e1e6f6
```
#e1e6f6 rgb(225,230,246)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6b6e is the less saturated color, while #0636d2 is the most saturated one.

#6a6b6e
```
#6a6b6e rgb(106,107,110)
```
#626776
```
#626776 rgb(98,103,118)
```
#5a627e
```
#5a627e rgb(90,98,126)
```
#515e87
```
#515e87 rgb(81,94,135)
```
#49598f
```
#49598f rgb(73,89,143)
```
#415597
```
#415597 rgb(65,85,151)
```
#3850a0
```
#3850a0 rgb(56,80,160)
```
#304ca8
```
#304ca8 rgb(48,76,168)
```
#2848b0
```
#2848b0 rgb(40,72,176)
```
#1f43b9
```
#1f43b9 rgb(31,67,185)
```
#173fc1
```
#173fc1 rgb(23,63,193)
```
#0f3ac9
```
#0f3ac9 rgb(15,58,201)
```
#0636d2
```
#0636d2 rgb(6,54,210)
```

Tone Color Variation

Below, you can see how #304ca8 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

#4e4e4e Achromatopsia 0.005% of the population
#484e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ae Protanopia 1% of men
#005d99 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#1154ac Protanomaly 1% of men, 0.01% of women
#11579e Deuteranomaly 6% of men, 0.4% of women
#115b81 Tritanomaly 0.01% of the population

#304ca8 hex color

#304ca8 Color Information

#304ca8 Color Conversion

Color Schemes with #304ca8

Alternatives to #304ca8

#304ca8 Preview

Shades and Tints of #304ca8

Tones of #304ca8

Color Blindness Simulator