#304385 hex color

In a RGB color space, hex #304385 is composed of 18.8% red, 26.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 49.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 226.6 degrees, a saturation of 47% and a lightness of 35.5%. #304385 color hex could be obtained by blending #6086ff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 26
- B 52
RGB color chart
- C 64
- M 50
- Y 0
- K 48
CMYK color chart

● #304385 color description : Dark moderate blue.

The hexadecimal color #304385 has RGB values of R:48, G:67, B:133 and CMYK values of C:0.64, M:0.5, Y:0, K:0.48. Its decimal value is 3163013.

Hex triplet	304385	`#304385`
RGB Decimal	48, 67, 133	`rgb(48,67,133)`
RGB Percent	18.8, 26.3, 52.2	`rgb(18.8%,26.3%,52.2%)`
CMYK	64, 50, 0, 48
HSL	226.6°, 47, 35.5	`hsl(226.6,47%,35.5%)`
HSV (or HSB)	226.6°, 63.9, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.244, 14.738, -39.412
XYZ	7.459, 6.336, 23.019
xyY	0.203, 0.172, 6.336
CIE-LCH	30.244, 42.078, 290.502
CIE-LUV	30.244, -9.407, -53.451
Hunter-Lab	25.171, 8.845, -36.601
Binary	00110000, 01000011, 10000101

#304385
```
#304385 rgb(48,67,133)
```
#857230
```
#857230 rgb(133,114,48)
```

Complementary Color

#306e85
```
#306e85 rgb(48,110,133)
```
#304385
```
#304385 rgb(48,67,133)
```
#483085
```
#483085 rgb(72,48,133)
```

Analogous Color

#6e8530
```
#6e8530 rgb(110,133,48)
```
#304385
```
#304385 rgb(48,67,133)
```
#854830
```
#854830 rgb(133,72,48)
```

Split Complementary Color

#438530
```
#438530 rgb(67,133,48)
```
#304385
```
#304385 rgb(48,67,133)
```
#853043
```
#853043 rgb(133,48,67)
```

Triadic Color

#308572
```
#308572 rgb(48,133,114)
```
#304385
```
#304385 rgb(48,67,133)
```
#853043
```
#853043 rgb(133,48,67)
```
#857230
```
#857230 rgb(133,114,48)
```

Tetradic Color

#1c274d
```
#1c274d rgb(28,39,77)
```
#223060
```
#223060 rgb(34,48,96)
```
#293a72
```
#293a72 rgb(41,58,114)
```
#304385
```
#304385 rgb(48,67,133)
```
#374c98
```
#374c98 rgb(55,76,152)
```
#3e56aa
```
#3e56aa rgb(62,86,170)
```
#4560bc
```
#4560bc rgb(69,96,188)
```

Monochromatic Color

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

#305885
```
#305885 rgb(48,88,133)
```
#305185
```
#305185 rgb(48,81,133)
```
#304a85
```
#304a85 rgb(48,74,133)
```
#304385
```
#304385 rgb(48,67,133)
```
#303c85
```
#303c85 rgb(48,60,133)
```
#303585
```
#303585 rgb(48,53,133)
```
#323085
```
#323085 rgb(50,48,133)
```

Similar Colors

Text with hexadecimal color #304385

This text has a font color of #304385.

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

#304385 background color

This paragraph has a background color of #304385.

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

#304385 border color

This element has a border color of #304385.

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

CSS codes

.text {color:#304385;}

.background {background-color:#304385;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060912
```
#060912 rgb(6,9,18)
```
#0c1020
```
#0c1020 rgb(12,16,32)
```
#11172f
```
#11172f rgb(17,23,47)
```
#161f3d
```
#161f3d rgb(22,31,61)
```
#1b264b
```
#1b264b rgb(27,38,75)
```
#202d5a
```
#202d5a rgb(32,45,90)
```
#263468
```
#263468 rgb(38,52,104)
```
#2b3c77
```
#2b3c77 rgb(43,60,119)
```
#304385
```
#304385 rgb(48,67,133)
```
#354a93
```
#354a93 rgb(53,74,147)
```
#3a52a2
```
#3a52a2 rgb(58,82,162)
```
#4059b0
```
#4059b0 rgb(64,89,176)
```

Shade Color Variation

#4761bd
```
#4761bd rgb(71,97,189)
```
#556ec2
```
#556ec2 rgb(85,110,194)
```
#647ac7
```
#647ac7 rgb(100,122,199)
```
#7286cc
```
#7286cc rgb(114,134,204)
```
#8193d1
```
#8193d1 rgb(129,147,209)
```
#8f9fd7
```
#8f9fd7 rgb(143,159,215)
```
#9dabdc
```
#9dabdc rgb(157,171,220)
```
#acb8e1
```
#acb8e1 rgb(172,184,225)
```
#bac4e6
```
#bac4e6 rgb(186,196,230)
```
#c9d0eb
```
#c9d0eb rgb(201,208,235)
```
#d7ddf1
```
#d7ddf1 rgb(215,221,241)
```
#e5e9f6
```
#e5e9f6 rgb(229,233,246)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5a5b is the less saturated color, while #062caf is the most saturated one.

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535662
```
#535662 rgb(83,86,98)
```
#4c5269
```
#4c5269 rgb(76,82,105)
```
#454f70
```
#454f70 rgb(69,79,112)
```
#3e4b77
```
#3e4b77 rgb(62,75,119)
```
#37477e
```
#37477e rgb(55,71,126)
```
#304385
```
#304385 rgb(48,67,133)
```
#293f8c
```
#293f8c rgb(41,63,140)
```
#223b93
```
#223b93 rgb(34,59,147)
```
#1b379a
```
#1b379a rgb(27,55,154)
```
#1434a1
```
#1434a1 rgb(20,52,161)
```
#0d30a8
```
#0d30a8 rgb(13,48,168)
```
#062caf
```
#062caf rgb(6,44,175)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4e8d Protanopia 1% of men
#005289 Deuteranopia 1% of men
#1a585e Tritanopia 0.001% of the population

Trichromacy

#2e4a8a Protanomaly 1% of men, 0.01% of women
#114c87 Deuteranomaly 6% of men, 0.4% of women
#22506c Tritanomaly 0.01% of the population

#304385 hex color

#304385 Color Information

#304385 Color Conversion

Color Schemes with #304385

Alternatives to #304385

#304385 Preview

Shades and Tints of #304385

Tones of #304385

Color Blindness Simulator