#305085 hex color

In a RGB color space, hex #305085 is composed of 18.8% red, 31.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 39.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 217.4 degrees, a saturation of 47% and a lightness of 35.5%. #305085 color hex could be obtained by blending #60a0ff with #00000b. Closest websafe color is: #336699.

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

● #305085 color description : Dark moderate blue.

The hexadecimal color #305085 has RGB values of R:48, G:80, B:133 and CMYK values of C:0.64, M:0.4, Y:0, K:0.48. Its decimal value is 3166341.

Hex triplet	305085	`#305085`
RGB Decimal	48, 80, 133	`rgb(48,80,133)`
RGB Percent	18.8, 31.4, 52.2	`rgb(18.8%,31.4%,52.2%)`
CMYK	64, 40, 0, 48
HSL	217.4°, 47, 35.5	`hsl(217.4,47%,35.5%)`
HSV (or HSB)	217.4°, 63.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	34.105, 6.04, -33.25
XYZ	8.32, 8.059, 23.306
xyY	0.21, 0.203, 8.059
CIE-LCH	34.105, 33.794, 280.296
CIE-LUV	34.105, -13.61, -46.15
Hunter-Lab	28.388, 2.639, -28.805
Binary	00110000, 01010000, 10000101

#305085
```
#305085 rgb(48,80,133)
```
#856530
```
#856530 rgb(133,101,48)
```

Complementary Color

#307b85
```
#307b85 rgb(48,123,133)
```
#305085
```
#305085 rgb(48,80,133)
```
#3b3085
```
#3b3085 rgb(59,48,133)
```

Analogous Color

#7b8530
```
#7b8530 rgb(123,133,48)
```
#305085
```
#305085 rgb(48,80,133)
```
#853b30
```
#853b30 rgb(133,59,48)
```

Split Complementary Color

#508530
```
#508530 rgb(80,133,48)
```
#305085
```
#305085 rgb(48,80,133)
```
#853050
```
#853050 rgb(133,48,80)
```

Triadic Color

#308565
```
#308565 rgb(48,133,101)
```
#305085
```
#305085 rgb(48,80,133)
```
#853050
```
#853050 rgb(133,48,80)
```
#856530
```
#856530 rgb(133,101,48)
```

Tetradic Color

#1c2e4d
```
#1c2e4d rgb(28,46,77)
```
#223960
```
#223960 rgb(34,57,96)
```
#294572
```
#294572 rgb(41,69,114)
```
#305085
```
#305085 rgb(48,80,133)
```
#375b98
```
#375b98 rgb(55,91,152)
```
#3e67aa
```
#3e67aa rgb(62,103,170)
```
#4572bc
```
#4572bc rgb(69,114,188)
```

Monochromatic Color

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

#306585
```
#306585 rgb(48,101,133)
```
#305e85
```
#305e85 rgb(48,94,133)
```
#305785
```
#305785 rgb(48,87,133)
```
#305085
```
#305085 rgb(48,80,133)
```
#304985
```
#304985 rgb(48,73,133)
```
#304285
```
#304285 rgb(48,66,133)
```
#303b85
```
#303b85 rgb(48,59,133)
```

Similar Colors

Text with hexadecimal color #305085

This text has a font color of #305085.

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

#305085 background color

This paragraph has a background color of #305085.

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

#305085 border color

This element has a border color of #305085.

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

CSS codes

.text {color:#305085;}

.background {background-color:#305085;}

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

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 #f4f7fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060b12
```
#060b12 rgb(6,11,18)
```
#0c1320
```
#0c1320 rgb(12,19,32)
```
#111c2f
```
#111c2f rgb(17,28,47)
```
#16253d
```
#16253d rgb(22,37,61)
```
#1b2d4b
```
#1b2d4b rgb(27,45,75)
```
#20365a
```
#20365a rgb(32,54,90)
```
#263f68
```
#263f68 rgb(38,63,104)
```
#2b4777
```
#2b4777 rgb(43,71,119)
```
#305085
```
#305085 rgb(48,80,133)
```
#355993
```
#355993 rgb(53,89,147)
```
#3a61a2
```
#3a61a2 rgb(58,97,162)
```
#406ab0
```
#406ab0 rgb(64,106,176)
```

Shade Color Variation

#4773bd
```
#4773bd rgb(71,115,189)
```
#557ec2
```
#557ec2 rgb(85,126,194)
```
#6489c7
```
#6489c7 rgb(100,137,199)
```
#7294cc
```
#7294cc rgb(114,148,204)
```
#819fd1
```
#819fd1 rgb(129,159,209)
```
#8faad7
```
#8faad7 rgb(143,170,215)
```
#9db5dc
```
#9db5dc rgb(157,181,220)
```
#acc0e1
```
#acc0e1 rgb(172,192,225)
```
#bacbe6
```
#bacbe6 rgb(186,203,230)
```
#c9d6eb
```
#c9d6eb rgb(201,214,235)
```
#d7e1f1
```
#d7e1f1 rgb(215,225,241)
```
#e5ecf6
```
#e5ecf6 rgb(229,236,246)
```
#f4f7fb
```
#f4f7fb rgb(244,247,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 #0646af is the most saturated one.

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535962
```
#535962 rgb(83,89,98)
```
#4c5769
```
#4c5769 rgb(76,87,105)
```
#455570
```
#455570 rgb(69,85,112)
```
#3e5377
```
#3e5377 rgb(62,83,119)
```
#37527e
```
#37527e rgb(55,82,126)
```
#305085
```
#305085 rgb(48,80,133)
```
#294e8c
```
#294e8c rgb(41,78,140)
```
#224d93
```
#224d93 rgb(34,77,147)
```
#1b4b9a
```
#1b4b9a rgb(27,75,154)
```
#1449a1
```
#1449a1 rgb(20,73,161)
```
#0d47a8
```
#0d47a8 rgb(13,71,168)
```
#0646af
```
#0646af rgb(6,70,175)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43578a Protanopia 1% of men
#37598b Deuteranopia 1% of men
#236168 Tritanopia 0.001% of the population

Trichromacy

#3c5488 Protanomaly 1% of men, 0.01% of women
#345688 Deuteranomaly 6% of men, 0.4% of women
#285a72 Tritanomaly 0.01% of the population

#305085 hex color

#305085 Color Information

#305085 Color Conversion

Color Schemes with #305085

Alternatives to #305085

#305085 Preview

Shades and Tints of #305085

Tones of #305085

Color Blindness Simulator