#304cad hex color

In a RGB color space, hex #304cad is composed of 18.8% red, 29.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 56.1% magenta, 0% yellow and 32.2% black. It has a hue angle of 226.6 degrees, a saturation of 56.6% and a lightness of 43.3%. #304cad color hex could be obtained by blending #6098ff with #00005b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 30
- B 68
RGB color chart
- C 72
- M 56
- Y 0
- K 32
CMYK color chart

● #304cad color description : Dark blue.

The hexadecimal color #304cad has RGB values of R:48, G:76, B:173 and CMYK values of C:0.72, M:0.56, Y:0, K:0.32. Its decimal value is 3165357.

Hex triplet	304cad	`#304cad`
RGB Decimal	48, 76, 173	`rgb(48,76,173)`
RGB Percent	18.8, 29.8, 67.8	`rgb(18.8%,29.8%,67.8%)`
CMYK	72, 56, 0, 32
HSL	226.6°, 56.6, 43.3	`hsl(226.6,56.6%,43.3%)`
HSV (or HSB)	226.6°, 72.3, 67.8
Web Safe	333399	`#333399`

CIE-LAB	35.623, 23.668, -54.99
XYZ	11.345, 8.814, 40.636
xyY	0.187, 0.145, 8.814
CIE-LCH	35.623, 59.867, 293.287
CIE-LUV	35.623, -12.455, -78.505
Hunter-Lab	29.688, 16.257, -60.374
Binary	00110000, 01001100, 10101101

#304cad
```
#304cad rgb(48,76,173)
```
#ad9130
```
#ad9130 rgb(173,145,48)
```

Complementary Color

#308bad
```
#308bad rgb(48,139,173)
```
#304cad
```
#304cad rgb(48,76,173)
```
#5330ad
```
#5330ad rgb(83,48,173)
```

Analogous Color

#8bad30
```
#8bad30 rgb(139,173,48)
```
#304cad
```
#304cad rgb(48,76,173)
```
#ad5330
```
#ad5330 rgb(173,83,48)
```

Split Complementary Color

#4cad30
```
#4cad30 rgb(76,173,48)
```
#304cad
```
#304cad rgb(48,76,173)
```
#ad304c
```
#ad304c rgb(173,48,76)
```

Triadic Color

#30ad91
```
#30ad91 rgb(48,173,145)
```
#304cad
```
#304cad rgb(48,76,173)
```
#ad304c
```
#ad304c rgb(173,48,76)
```
#ad9130
```
#ad9130 rgb(173,145,48)
```

Tetradic Color

#1f3271
```
#1f3271 rgb(31,50,113)
```
#253a85
```
#253a85 rgb(37,58,133)
```
#2a4399
```
#2a4399 rgb(42,67,153)
```
#304cad
```
#304cad rgb(48,76,173)
```
#3655c1
```
#3655c1 rgb(54,85,193)
```
#4563cb
```
#4563cb rgb(69,99,203)
```
#5974d1
```
#5974d1 rgb(89,116,209)
```

Monochromatic Color

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

#306bad
```
#306bad rgb(48,107,173)
```
#3061ad
```
#3061ad rgb(48,97,173)
```
#3056ad
```
#3056ad rgb(48,86,173)
```
#304cad
```
#304cad rgb(48,76,173)
```
#3042ad
```
#3042ad rgb(48,66,173)
```
#3037ad
```
#3037ad rgb(48,55,173)
```
#3330ad
```
#3330ad rgb(51,48,173)
```

Similar Colors

Text with hexadecimal color #304cad

This text has a font color of #304cad.

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

#304cad background color

This paragraph has a background color of #304cad.

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

#304cad border color

This element has a border color of #304cad.

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

CSS codes

.text {color:#304cad;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050913
```
#050913 rgb(5,9,19)
```
#0a0f23
```
#0a0f23 rgb(10,15,35)
```
#0e1632
```
#0e1632 rgb(14,22,50)
```
#121d42
```
#121d42 rgb(18,29,66)
```
#162451
```
#162451 rgb(22,36,81)
```
#1b2a60
```
#1b2a60 rgb(27,42,96)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#23387f
```
#23387f rgb(35,56,127)
```
#273f8e
```
#273f8e rgb(39,63,142)
```
#2c459e
```
#2c459e rgb(44,69,158)
```
#304cad
```
#304cad rgb(48,76,173)
```
#3453bc
```
#3453bc rgb(52,83,188)
```

Shade Color Variation

#3b5bc9
```
#3b5bc9 rgb(59,91,201)
```
#4b68cd
```
#4b68cd rgb(75,104,205)
```
#5a75d1
```
#5a75d1 rgb(90,117,209)
```
#6a82d6
```
#6a82d6 rgb(106,130,214)
```
#798fda
```
#798fda rgb(121,143,218)
```
#889bde
```
#889bde rgb(136,155,222)
```
#98a8e2
```
#98a8e2 rgb(152,168,226)
```
#a7b5e7
```
#a7b5e7 rgb(167,181,231)
```
#b6c2eb
```
#b6c2eb rgb(182,194,235)
```
#c6cfef
```
#c6cfef rgb(198,207,239)
```
#d5dcf3
```
#d5dcf3 rgb(213,220,243)
```
#e4e9f8
```
#e4e9f8 rgb(228,233,248)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#6c6d72
```
#6c6d72 rgb(108,109,114)
```
#63687a
```
#63687a rgb(99,104,122)
```
#5b6383
```
#5b6383 rgb(91,99,131)
```
#525f8b
```
#525f8b rgb(82,95,139)
```
#4a5a94
```
#4a5a94 rgb(74,90,148)
```
#41559c
```
#41559c rgb(65,85,156)
```
#3951a5
```
#3951a5 rgb(57,81,165)
```
#304cad
```
#304cad rgb(48,76,173)
```
#2847b6
```
#2847b6 rgb(40,71,182)
```
#1f43be
```
#1f43be rgb(31,67,190)
```
#173ec7
```
#173ec7 rgb(23,62,199)
```
#0e39cf
```
#0e39cf rgb(14,57,207)
```
#0535d8
```
#0535d8 rgb(5,53,216)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1154af Protanomaly 1% of men, 0.01% of women
#1157a1 Deuteranomaly 6% of men, 0.4% of women
#115c83 Tritanomaly 0.01% of the population

#304cad hex color

#304cad Color Information

#304cad Color Conversion

Color Schemes with #304cad

Alternatives to #304cad

#304cad Preview

Shades and Tints of #304cad

Tones of #304cad

Color Blindness Simulator