#304cbc hex color

In a RGB color space, hex #304cbc is composed of 18.8% red, 29.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 59.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 228 degrees, a saturation of 59.3% and a lightness of 46.3%. #304cbc color hex could be obtained by blending #6098ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 30
- B 74
RGB color chart
- C 74
- M 60
- Y 0
- K 26
CMYK color chart

● #304cbc color description : Moderate blue.

The hexadecimal color #304cbc has RGB values of R:48, G:76, B:188 and CMYK values of C:0.74, M:0.6, Y:0, K:0.26. Its decimal value is 3165372.

Hex triplet	304cbc	`#304cbc`
RGB Decimal	48, 76, 188	`rgb(48,76,188)`
RGB Percent	18.8, 29.8, 73.7	`rgb(18.8%,29.8%,73.7%)`
CMYK	74, 60, 0, 26
HSL	228°, 59.3, 46.3	`hsl(228,59.3%,46.3%)`
HSV (or HSB)	228°, 74.5, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.794, 29.25, -61.943
XYZ	12.879, 9.427, 48.715
xyY	0.181, 0.133, 9.427
CIE-LCH	36.794, 68.501, 295.277
CIE-LUV	36.794, -12.615, -88.933
Hunter-Lab	30.704, 21.139, -72.578
Binary	00110000, 01001100, 10111100

#304cbc
```
#304cbc rgb(48,76,188)
```
#bca030
```
#bca030 rgb(188,160,48)
```

Complementary Color

#3092bc
```
#3092bc rgb(48,146,188)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#5a30bc
```
#5a30bc rgb(90,48,188)
```

Analogous Color

#92bc30
```
#92bc30 rgb(146,188,48)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#bc5a30
```
#bc5a30 rgb(188,90,48)
```

Split Complementary Color

#4cbc30
```
#4cbc30 rgb(76,188,48)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#bc304c
```
#bc304c rgb(188,48,76)
```

Triadic Color

#30bca0
```
#30bca0 rgb(48,188,160)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#bc304c
```
#bc304c rgb(188,48,76)
```
#bca030
```
#bca030 rgb(188,160,48)
```

Tetradic Color

#20337f
```
#20337f rgb(32,51,127)
```
#263c93
```
#263c93 rgb(38,60,147)
```
#2b44a8
```
#2b44a8 rgb(43,68,168)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#3957cc
```
#3957cc rgb(57,87,204)
```
#4d68d2
```
#4d68d2 rgb(77,104,210)
```
#6279d7
```
#6279d7 rgb(98,121,215)
```

Monochromatic Color

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

#306fbc
```
#306fbc rgb(48,111,188)
```
#3063bc
```
#3063bc rgb(48,99,188)
```
#3058bc
```
#3058bc rgb(48,88,188)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#3040bc
```
#3040bc rgb(48,64,188)
```
#3035bc
```
#3035bc rgb(48,53,188)
```
#3730bc
```
#3730bc rgb(55,48,188)
```

Similar Colors

Text with hexadecimal color #304cbc

This text has a font color of #304cbc.

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

#304cbc background color

This paragraph has a background color of #304cbc.

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

#304cbc border color

This element has a border color of #304cbc.

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

CSS codes

.text {color:#304cbc;}

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

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

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)
```
#040710
```
#040710 rgb(4,7,16)
```
#080d20
```
#080d20 rgb(8,13,32)
```
#0c132f
```
#0c132f rgb(12,19,47)
```
#10193f
```
#10193f rgb(16,25,63)
```
#14204f
```
#14204f rgb(20,32,79)
```
#18265e
```
#18265e rgb(24,38,94)
```
#1c2c6e
```
#1c2c6e rgb(28,44,110)
```
#20337d
```
#20337d rgb(32,51,125)
```
#24398d
```
#24398d rgb(36,57,141)
```
#283f9d
```
#283f9d rgb(40,63,157)
```
#2c46ac
```
#2c46ac rgb(44,70,172)
```
#304cbc
```
#304cbc rgb(48,76,188)
```

Shade Color Variation

#3453cb
```
#3453cb rgb(52,83,203)
```
#4460cf
```
#4460cf rgb(68,96,207)
```
#546dd3
```
#546dd3 rgb(84,109,211)
```
#637ad7
```
#637ad7 rgb(99,122,215)
```
#7388db
```
#7388db rgb(115,136,219)
```
#8295df
```
#8295df rgb(130,149,223)
```
#92a2e3
```
#92a2e3 rgb(146,162,227)
```
#a2b0e7
```
#a2b0e7 rgb(162,176,231)
```
#b1bdeb
```
#b1bdeb rgb(177,189,235)
```
#c1caef
```
#c1caef rgb(193,202,239)
```
#d1d8f3
```
#d1d8f3 rgb(209,216,243)
```
#e0e5f7
```
#e0e5f7 rgb(224,229,247)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70727c is the less saturated color, while #0331e9 is the most saturated one.

#70727c
```
#70727c rgb(112,114,124)
```
#666d86
```
#666d86 rgb(102,109,134)
```
#5d678f
```
#5d678f rgb(93,103,143)
```
#546298
```
#546298 rgb(84,98,152)
```
#4b5ca1
```
#4b5ca1 rgb(75,92,161)
```
#4257aa
```
#4257aa rgb(66,87,170)
```
#3951b3
```
#3951b3 rgb(57,81,179)
```
#304cbc
```
#304cbc rgb(48,76,188)
```
#2747c5
```
#2747c5 rgb(39,71,197)
```
#1e41ce
```
#1e41ce rgb(30,65,206)
```
#153cd7
```
#153cd7 rgb(21,60,215)
```
#0c36e0
```
#0c36e0 rgb(12,54,224)
```
#0331e9
```
#0331e9 rgb(3,49,233)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a4f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00619e Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1156b7 Protanomaly 1% of men, 0.01% of women
#1159a8 Deuteranomaly 6% of men, 0.4% of women
#115e8a Tritanomaly 0.01% of the population

#304cbc hex color

#304cbc Color Information

#304cbc Color Conversion

Color Schemes with #304cbc

Alternatives to #304cbc

#304cbc Preview

Shades and Tints of #304cbc

Tones of #304cbc

Color Blindness Simulator