colorhexa.com

#303485 hex color

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

- R 19
- G 20
- B 52
RGB color chart
- C 64
- M 61
- Y 0
- K 48
CMYK color chart

● #303485 color description : Dark moderate blue.

The hexadecimal color #303485 has RGB values of R:48, G:52, B:133 and CMYK values of C:0.64, M:0.61, Y:0, K:0.48. Its decimal value is 3159173.

Hex triplet	303485	`#303485`
RGB Decimal	48, 52, 133	`rgb(48,52,133)`
RGB Percent	18.8, 20.4, 52.2	`rgb(18.8%,20.4%,52.2%)`
CMYK	64, 61, 0, 48
HSL	237.2°, 47, 35.5	`hsl(237.2,47%,35.5%)`
HSV (or HSB)	237.2°, 63.9, 52.2
Web Safe	333399	`#333399`

CIE-LAB	26.091, 24.909, -46.123
XYZ	6.68, 4.778, 22.759
xyY	0.195, 0.14, 4.778
CIE-LCH	26.091, 52.419, 298.372
CIE-LUV	26.091, -5.294, -59.384
Hunter-Lab	21.857, 16.299, -46.436
Binary	00110000, 00110100, 10000101

#303485
```
#303485 rgb(48,52,133)
```
#858130
```
#858130 rgb(133,129,48)
```

Complementary Color

#305f85
```
#305f85 rgb(48,95,133)
```
#303485
```
#303485 rgb(48,52,133)
```
#573085
```
#573085 rgb(87,48,133)
```

Analogous Color

#5f8530
```
#5f8530 rgb(95,133,48)
```
#303485
```
#303485 rgb(48,52,133)
```
#855730
```
#855730 rgb(133,87,48)
```

Split Complementary Color

#348530
```
#348530 rgb(52,133,48)
```
#303485
```
#303485 rgb(48,52,133)
```
#853034
```
#853034 rgb(133,48,52)
```

Triadic Color

#308581
```
#308581 rgb(48,133,129)
```
#303485
```
#303485 rgb(48,52,133)
```
#853034
```
#853034 rgb(133,48,52)
```
#858130
```
#858130 rgb(133,129,48)
```

Tetradic Color

#1c1e4d
```
#1c1e4d rgb(28,30,77)
```
#222560
```
#222560 rgb(34,37,96)
```
#292d72
```
#292d72 rgb(41,45,114)
```
#303485
```
#303485 rgb(48,52,133)
```
#373b98
```
#373b98 rgb(55,59,152)
```
#3e43aa
```
#3e43aa rgb(62,67,170)
```
#454bbc
```
#454bbc rgb(69,75,188)
```

Monochromatic Color

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

#304985
```
#304985 rgb(48,73,133)
```
#304285
```
#304285 rgb(48,66,133)
```
#303b85
```
#303b85 rgb(48,59,133)
```
#303485
```
#303485 rgb(48,52,133)
```
#333085
```
#333085 rgb(51,48,133)
```
#3a3085
```
#3a3085 rgb(58,48,133)
```
#413085
```
#413085 rgb(65,48,133)
```

Similar Colors

Text with hexadecimal color #303485

This text has a font color of #303485.

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

#303485 background color

This paragraph has a background color of #303485.

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

#303485 border color

This element has a border color of #303485.

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

CSS codes

.text {color:#303485;}

.background {background-color:#303485;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060712
```
#060712 rgb(6,7,18)
```
#0c0d20
```
#0c0d20 rgb(12,13,32)
```
#11122f
```
#11122f rgb(17,18,47)
```
#16183d
```
#16183d rgb(22,24,61)
```
#1b1d4b
```
#1b1d4b rgb(27,29,75)
```
#20235a
```
#20235a rgb(32,35,90)
```
#262968
```
#262968 rgb(38,41,104)
```
#2b2e77
```
#2b2e77 rgb(43,46,119)
```
#303485
```
#303485 rgb(48,52,133)
```
#353a93
```
#353a93 rgb(53,58,147)
```
#3a3fa2
```
#3a3fa2 rgb(58,63,162)
```
#4045b0
```
#4045b0 rgb(64,69,176)
```

Shade Color Variation

#474cbd
```
#474cbd rgb(71,76,189)
```
#555ac2
```
#555ac2 rgb(85,90,194)
```
#6468c7
```
#6468c7 rgb(100,104,199)
```
#7276cc
```
#7276cc rgb(114,118,204)
```
#8184d1
```
#8184d1 rgb(129,132,209)
```
#8f92d7
```
#8f92d7 rgb(143,146,215)
```
#9da0dc
```
#9da0dc rgb(157,160,220)
```
#acaee1
```
#acaee1 rgb(172,174,225)
```
#babce6
```
#babce6 rgb(186,188,230)
```
#c9caeb
```
#c9caeb rgb(201,202,235)
```
#d7d8f1
```
#d7d8f1 rgb(215,216,241)
```
#e5e6f6
```
#e5e6f6 rgb(229,230,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,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 #060eaf is the most saturated one.

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535462
```
#535462 rgb(83,84,98)
```
#4c4d69
```
#4c4d69 rgb(76,77,105)
```
#454770
```
#454770 rgb(69,71,112)
```
#3e4177
```
#3e4177 rgb(62,65,119)
```
#373a7e
```
#373a7e rgb(55,58,126)
```
#303485
```
#303485 rgb(48,52,133)
```
#292e8c
```
#292e8c rgb(41,46,140)
```
#222793
```
#222793 rgb(34,39,147)
```
#1b219a
```
#1b219a rgb(27,33,154)
```
#141ba1
```
#141ba1 rgb(20,27,161)
```
#0d14a8
```
#0d14a8 rgb(13,20,168)
```
#060eaf
```
#060eaf rgb(6,14,175)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004977 Deuteranopia 1% of men
#0c4e54 Tritanopia 0.001% of the population

Trichromacy

#113f87 Protanomaly 1% of men, 0.01% of women
#11417c Deuteranomaly 6% of men, 0.4% of women
#194466 Tritanomaly 0.01% of the population