#305d85 hex color

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

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

● #305d85 color description : Dark moderate blue.

The hexadecimal color #305d85 has RGB values of R:48, G:93, B:133 and CMYK values of C:0.64, M:0.3, Y:0, K:0.48. Its decimal value is 3169669.

Hex triplet	305d85	`#305d85`
RGB Decimal	48, 93, 133	`rgb(48,93,133)`
RGB Percent	18.8, 36.5, 52.2	`rgb(18.8%,36.5%,52.2%)`
CMYK	64, 30, 0, 48
HSL	208.2°, 47, 35.5	`hsl(208.2,47%,35.5%)`
HSV (or HSB)	208.2°, 63.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	38.11, -2.289, -26.937
XYZ	9.366, 10.15, 23.655
xyY	0.217, 0.235, 10.15
CIE-LCH	38.11, 27.034, 265.143
CIE-LUV	38.11, -18.212, -37.439
Hunter-Lab	31.859, -3.278, -21.72
Binary	00110000, 01011101, 10000101

#305d85
```
#305d85 rgb(48,93,133)
```
#855830
```
#855830 rgb(133,88,48)
```

Complementary Color

#308583
```
#308583 rgb(48,133,131)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#303385
```
#303385 rgb(48,51,133)
```

Analogous Color

#858330
```
#858330 rgb(133,131,48)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#853033
```
#853033 rgb(133,48,51)
```

Split Complementary Color

#5d8530
```
#5d8530 rgb(93,133,48)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#85305d
```
#85305d rgb(133,48,93)
```

Triadic Color

#308558
```
#308558 rgb(48,133,88)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#85305d
```
#85305d rgb(133,48,93)
```
#855830
```
#855830 rgb(133,88,48)
```

Tetradic Color

#1c364d
```
#1c364d rgb(28,54,77)
```
#224360
```
#224360 rgb(34,67,96)
```
#295072
```
#295072 rgb(41,80,114)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#376a98
```
#376a98 rgb(55,106,152)
```
#3e77aa
```
#3e77aa rgb(62,119,170)
```
#4584bc
```
#4584bc rgb(69,132,188)
```

Monochromatic Color

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

#307285
```
#307285 rgb(48,114,133)
```
#306b85
```
#306b85 rgb(48,107,133)
```
#306485
```
#306485 rgb(48,100,133)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#305685
```
#305685 rgb(48,86,133)
```
#304f85
```
#304f85 rgb(48,79,133)
```
#304885
```
#304885 rgb(48,72,133)
```

Similar Colors

Text with hexadecimal color #305d85

This text has a font color of #305d85.

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

#305d85 background color

This paragraph has a background color of #305d85.

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

#305d85 border color

This element has a border color of #305d85.

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

CSS codes

.text {color:#305d85;}

.background {background-color:#305d85;}

.border {border:1px solid #305d85;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060c12
```
#060c12 rgb(6,12,18)
```
#0c1620
```
#0c1620 rgb(12,22,32)
```
#11212f
```
#11212f rgb(17,33,47)
```
#162b3d
```
#162b3d rgb(22,43,61)
```
#1b354b
```
#1b354b rgb(27,53,75)
```
#203f5a
```
#203f5a rgb(32,63,90)
```
#264968
```
#264968 rgb(38,73,104)
```
#2b5377
```
#2b5377 rgb(43,83,119)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#356793
```
#356793 rgb(53,103,147)
```
#3a71a2
```
#3a71a2 rgb(58,113,162)
```
#407bb0
```
#407bb0 rgb(64,123,176)
```

Shade Color Variation

#4785bd
```
#4785bd rgb(71,133,189)
```
#558fc2
```
#558fc2 rgb(85,143,194)
```
#6498c7
```
#6498c7 rgb(100,152,199)
```
#72a2cc
```
#72a2cc rgb(114,162,204)
```
#81abd1
```
#81abd1 rgb(129,171,209)
```
#8fb5d7
```
#8fb5d7 rgb(143,181,215)
```
#9dbedc
```
#9dbedc rgb(157,190,220)
```
#acc8e1
```
#acc8e1 rgb(172,200,225)
```
#bad1e6
```
#bad1e6 rgb(186,209,230)
```
#c9dbeb
```
#c9dbeb rgb(201,219,235)
```
#d7e5f1
```
#d7e5f1 rgb(215,229,241)
```
#e5eef6
```
#e5eef6 rgb(229,238,246)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535b62
```
#535b62 rgb(83,91,98)
```
#4c5b69
```
#4c5b69 rgb(76,91,105)
```
#455c70
```
#455c70 rgb(69,92,112)
```
#3e5c77
```
#3e5c77 rgb(62,92,119)
```
#375d7e
```
#375d7e rgb(55,93,126)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#295d8c
```
#295d8c rgb(41,93,140)
```
#225e93
```
#225e93 rgb(34,94,147)
```
#1b5e9a
```
#1b5e9a rgb(27,94,154)
```
#145fa1
```
#145fa1 rgb(20,95,161)
```
#0d5fa8
```
#0d5fa8 rgb(13,95,168)
```
#065faf
```
#065faf rgb(6,95,175)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#546088 Protanopia 1% of men
#4d618c Deuteranopia 1% of men
#2b6a72 Tritanopia 0.001% of the population

Trichromacy

#475f87 Protanomaly 1% of men, 0.01% of women
#436089 Deuteranomaly 6% of men, 0.4% of women
#2c6579 Tritanomaly 0.01% of the population

#305d85 hex color

#305d85 Color Information

#305d85 Color Conversion

Color Schemes with #305d85

Alternatives to #305d85

#305d85 Preview

Shades and Tints of #305d85

Tones of #305d85

Color Blindness Simulator