#304083 hex color

In a RGB color space, hex #304083 is composed of 18.8% red, 25.1% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 51.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 228.4 degrees, a saturation of 46.4% and a lightness of 35.1%. #304083 color hex could be obtained by blending #6080ff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 25
- B 51
RGB color chart
- C 63
- M 51
- Y 0
- K 49
CMYK color chart

● #304083 color description : Dark moderate blue.

The hexadecimal color #304083 has RGB values of R:48, G:64, B:131 and CMYK values of C:0.63, M:0.51, Y:0, K:0.49. Its decimal value is 3162243.

Hex triplet	304083	`#304083`
RGB Decimal	48, 64, 131	`rgb(48,64,131)`
RGB Percent	18.8, 25.1, 51.4	`rgb(18.8%,25.1%,51.4%)`
CMYK	63, 51, 0, 49
HSL	228.4°, 46.4, 35.1	`hsl(228.4,46.4%,35.1%)`
HSV (or HSB)	228.4°, 63.4, 51.4
Web Safe	333399	`#333399`

CIE-LAB	29.244, 16.035, -39.778
XYZ	7.148, 5.933, 22.24
xyY	0.202, 0.168, 5.933
CIE-LCH	29.244, 42.888, 291.955
CIE-LUV	29.244, -8.472, -53.399
Hunter-Lab	24.359, 9.754, -37.082
Binary	00110000, 01000000, 10000011

#304083
```
#304083 rgb(48,64,131)
```
#837330
```
#837330 rgb(131,115,48)
```

Complementary Color

#306a83
```
#306a83 rgb(48,106,131)
```
#304083
```
#304083 rgb(48,64,131)
```
#493083
```
#493083 rgb(73,48,131)
```

Analogous Color

#6a8330
```
#6a8330 rgb(106,131,48)
```
#304083
```
#304083 rgb(48,64,131)
```
#834a30
```
#834a30 rgb(131,74,48)
```

Split Complementary Color

#408330
```
#408330 rgb(64,131,48)
```
#304083
```
#304083 rgb(48,64,131)
```
#833040
```
#833040 rgb(131,48,64)
```

Triadic Color

#308373
```
#308373 rgb(48,131,115)
```
#304083
```
#304083 rgb(48,64,131)
```
#833040
```
#833040 rgb(131,48,64)
```
#837330
```
#837330 rgb(131,115,48)
```

Tetradic Color

#1b254b
```
#1b254b rgb(27,37,75)
```
#222e5e
```
#222e5e rgb(34,46,94)
```
#293770
```
#293770 rgb(41,55,112)
```
#304083
```
#304083 rgb(48,64,131)
```
#374996
```
#374996 rgb(55,73,150)
```
#3e52a8
```
#3e52a8 rgb(62,82,168)
```
#455bbb
```
#455bbb rgb(69,91,187)
```

Monochromatic Color

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

#305583
```
#305583 rgb(48,85,131)
```
#304e83
```
#304e83 rgb(48,78,131)
```
#304783
```
#304783 rgb(48,71,131)
```
#304083
```
#304083 rgb(48,64,131)
```
#303983
```
#303983 rgb(48,57,131)
```
#303283
```
#303283 rgb(48,50,131)
```
#353083
```
#353083 rgb(53,48,131)
```

Similar Colors

Text with hexadecimal color #304083

This text has a font color of #304083.

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

#304083 background color

This paragraph has a background color of #304083.

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

#304083 border color

This element has a border color of #304083.

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

CSS codes

.text {color:#304083;}

.background {background-color:#304083;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060810
```
#060810 rgb(6,8,16)
```
#0b0f1f
```
#0b0f1f rgb(11,15,31)
```
#10162d
```
#10162d rgb(16,22,45)
```
#161d3b
```
#161d3b rgb(22,29,59)
```
#1b244a
```
#1b244a rgb(27,36,74)
```
#202b58
```
#202b58 rgb(32,43,88)
```
#253266
```
#253266 rgb(37,50,102)
```
#2b3975
```
#2b3975 rgb(43,57,117)
```
#304083
```
#304083 rgb(48,64,131)
```
#354791
```
#354791 rgb(53,71,145)
```
#3b4ea0
```
#3b4ea0 rgb(59,78,160)
```
#4055ae
```
#4055ae rgb(64,85,174)
```

Shade Color Variation

#465dbb
```
#465dbb rgb(70,93,187)
```
#5569c1
```
#5569c1 rgb(85,105,193)
```
#6376c6
```
#6376c6 rgb(99,118,198)
```
#7183cb
```
#7183cb rgb(113,131,203)
```
#808fd0
```
#808fd0 rgb(128,143,208)
```
#8e9cd6
```
#8e9cd6 rgb(142,156,214)
```
#9ca8db
```
#9ca8db rgb(156,168,219)
```
#abb5e0
```
#abb5e0 rgb(171,181,224)
```
#b9c2e5
```
#b9c2e5 rgb(185,194,229)
```
#c7ceeb
```
#c7ceeb rgb(199,206,235)
```
#d6dbf0
```
#d6dbf0 rgb(214,219,240)
```
#e4e7f5
```
#e4e7f5 rgb(228,231,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59595a is the less saturated color, while #0727ac is the most saturated one.

#59595a
```
#59595a rgb(89,89,90)
```
#525561
```
#525561 rgb(82,85,97)
```
#4c5167
```
#4c5167 rgb(76,81,103)
```
#454d6e
```
#454d6e rgb(69,77,110)
```
#3e4875
```
#3e4875 rgb(62,72,117)
```
#37447c
```
#37447c rgb(55,68,124)
```
#304083
```
#304083 rgb(48,64,131)
```
#293c8a
```
#293c8a rgb(41,60,138)
```
#223891
```
#223891 rgb(34,56,145)
```
#1b3398
```
#1b3398 rgb(27,51,152)
```
#142f9f
```
#142f9f rgb(20,47,159)
```
#0e2ba5
```
#0e2ba5 rgb(14,43,165)
```
#0727ac
```
#0727ac rgb(7,39,172)
```

Tone Color Variation

Below, you can see how #304083 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
#3f4250 Atypical Achromatopsia 0.001% of the population

Dichromacy

#284c8b Protanopia 1% of men
#004f85 Deuteranopia 1% of men
#1b555b Tritanopia 0.001% of the population

Trichromacy

#2a4788 Protanomaly 1% of men, 0.01% of women
#114a84 Deuteranomaly 6% of men, 0.4% of women
#234d6a Tritanomaly 0.01% of the population

#304083 hex color

#304083 Color Information

#304083 Color Conversion

Color Schemes with #304083

Alternatives to #304083

#304083 Preview

Shades and Tints of #304083

Tones of #304083

Color Blindness Simulator