#305c85 hex color

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

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

● #305c85 color description : Dark moderate blue.

The hexadecimal color #305c85 has RGB values of R:48, G:92, B:133 and CMYK values of C:0.64, M:0.31, Y:0, K:0.48. Its decimal value is 3169413.

Hex triplet	305c85	`#305c85`
RGB Decimal	48, 92, 133	`rgb(48,92,133)`
RGB Percent	18.8, 36.1, 52.2	`rgb(18.8%,36.1%,52.2%)`
CMYK	64, 31, 0, 48
HSL	208.9°, 47, 35.5	`hsl(208.9,47%,35.5%)`
HSV (or HSB)	208.9°, 63.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	37.798, -1.664, -27.425
XYZ	9.279, 9.976, 23.626
xyY	0.216, 0.233, 9.976
CIE-LCH	37.798, 27.476, 266.527
CIE-LUV	37.798, -17.848, -38.146
Hunter-Lab	31.584, -2.833, -22.241
Binary	00110000, 01011100, 10000101

#305c85
```
#305c85 rgb(48,92,133)
```
#855930
```
#855930 rgb(133,89,48)
```

Complementary Color

#308584
```
#308584 rgb(48,133,132)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#303285
```
#303285 rgb(48,50,133)
```

Analogous Color

#858430
```
#858430 rgb(133,132,48)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#853031
```
#853031 rgb(133,48,49)
```

Split Complementary Color

#5c8530
```
#5c8530 rgb(92,133,48)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#85305c
```
#85305c rgb(133,48,92)
```

Triadic Color

#308559
```
#308559 rgb(48,133,89)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#85305c
```
#85305c rgb(133,48,92)
```
#855930
```
#855930 rgb(133,89,48)
```

Tetradic Color

#1c354d
```
#1c354d rgb(28,53,77)
```
#224260
```
#224260 rgb(34,66,96)
```
#294f72
```
#294f72 rgb(41,79,114)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#376998
```
#376998 rgb(55,105,152)
```
#3e76aa
```
#3e76aa rgb(62,118,170)
```
#4583bc
```
#4583bc rgb(69,131,188)
```

Monochromatic Color

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

#307185
```
#307185 rgb(48,113,133)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#306385
```
#306385 rgb(48,99,133)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#305585
```
#305585 rgb(48,85,133)
```
#304e85
```
#304e85 rgb(48,78,133)
```
#304785
```
#304785 rgb(48,71,133)
```

Similar Colors

Text with hexadecimal color #305c85

This text has a font color of #305c85.

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

#305c85 background color

This paragraph has a background color of #305c85.

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

#305c85 border color

This element has a border color of #305c85.

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

CSS codes

.text {color:#305c85;}

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

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

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)
```
#11202f
```
#11202f rgb(17,32,47)
```
#162a3d
```
#162a3d rgb(22,42,61)
```
#1b344b
```
#1b344b rgb(27,52,75)
```
#203e5a
```
#203e5a rgb(32,62,90)
```
#264868
```
#264868 rgb(38,72,104)
```
#2b5277
```
#2b5277 rgb(43,82,119)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#356693
```
#356693 rgb(53,102,147)
```
#3a70a2
```
#3a70a2 rgb(58,112,162)
```
#407ab0
```
#407ab0 rgb(64,122,176)
```

Shade Color Variation

#4784bd
```
#4784bd rgb(71,132,189)
```
#558dc2
```
#558dc2 rgb(85,141,194)
```
#6497c7
```
#6497c7 rgb(100,151,199)
```
#72a1cc
```
#72a1cc rgb(114,161,204)
```
#81aad1
```
#81aad1 rgb(129,170,209)
```
#8fb4d7
```
#8fb4d7 rgb(143,180,215)
```
#9dbedc
```
#9dbedc rgb(157,190,220)
```
#acc7e1
```
#acc7e1 rgb(172,199,225)
```
#bad1e6
```
#bad1e6 rgb(186,209,230)
```
#c9dbeb
```
#c9dbeb rgb(201,219,235)
```
#d7e4f1
```
#d7e4f1 rgb(215,228,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 #065daf is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535b62
```
#535b62 rgb(83,91,98)
```
#4c5b69
```
#4c5b69 rgb(76,91,105)
```
#455b70
```
#455b70 rgb(69,91,112)
```
#3e5c77
```
#3e5c77 rgb(62,92,119)
```
#375c7e
```
#375c7e rgb(55,92,126)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#295c8c
```
#295c8c rgb(41,92,140)
```
#225c93
```
#225c93 rgb(34,92,147)
```
#1b5d9a
```
#1b5d9a rgb(27,93,154)
```
#145da1
```
#145da1 rgb(20,93,161)
```
#0d5da8
```
#0d5da8 rgb(13,93,168)
```
#065daf
```
#065daf rgb(6,93,175)
```

Tone Color Variation

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

#536088 Protanopia 1% of men
#4c618c Deuteranopia 1% of men
#2a6971 Tritanopia 0.001% of the population

Trichromacy

#465e87 Protanomaly 1% of men, 0.01% of women
#425f89 Deuteranomaly 6% of men, 0.4% of women
#2c6478 Tritanomaly 0.01% of the population

#305c85 hex color

#305c85 Color Information

#305c85 Color Conversion

Color Schemes with #305c85

Alternatives to #305c85

#305c85 Preview

Shades and Tints of #305c85

Tones of #305c85

Color Blindness Simulator