#305685 hex color

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

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

● #305685 color description : Dark moderate blue.

The hexadecimal color #305685 has RGB values of R:48, G:86, B:133 and CMYK values of C:0.64, M:0.35, Y:0, K:0.48. Its decimal value is 3167877.

Hex triplet	305685	`#305685`
RGB Decimal	48, 86, 133	`rgb(48,86,133)`
RGB Percent	18.8, 33.7, 52.2	`rgb(18.8%,33.7%,52.2%)`
CMYK	64, 35, 0, 48
HSL	213.2°, 47, 35.5	`hsl(213.2,47%,35.5%)`
HSV (or HSB)	213.2°, 63.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	35.94, 2.141, -30.347
XYZ	8.779, 8.977, 23.459
xyY	0.213, 0.218, 8.977
CIE-LCH	35.94, 30.423, 274.036
CIE-LUV	35.94, -15.695, -42.268
Hunter-Lab	29.961, -0.128, -25.45
Binary	00110000, 01010110, 10000101

#305685
```
#305685 rgb(48,86,133)
```
#855f30
```
#855f30 rgb(133,95,48)
```

Complementary Color

#308185
```
#308185 rgb(48,129,133)
```
#305685
```
#305685 rgb(48,86,133)
```
#353085
```
#353085 rgb(53,48,133)
```

Analogous Color

#818530
```
#818530 rgb(129,133,48)
```
#305685
```
#305685 rgb(48,86,133)
```
#853530
```
#853530 rgb(133,53,48)
```

Split Complementary Color

#568530
```
#568530 rgb(86,133,48)
```
#305685
```
#305685 rgb(48,86,133)
```
#853056
```
#853056 rgb(133,48,86)
```

Triadic Color

#30855f
```
#30855f rgb(48,133,95)
```
#305685
```
#305685 rgb(48,86,133)
```
#853056
```
#853056 rgb(133,48,86)
```
#855f30
```
#855f30 rgb(133,95,48)
```

Tetradic Color

#1c324d
```
#1c324d rgb(28,50,77)
```
#223e60
```
#223e60 rgb(34,62,96)
```
#294a72
```
#294a72 rgb(41,74,114)
```
#305685
```
#305685 rgb(48,86,133)
```
#376298
```
#376298 rgb(55,98,152)
```
#3e6eaa
```
#3e6eaa rgb(62,110,170)
```
#457abc
```
#457abc rgb(69,122,188)
```

Monochromatic Color

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

#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)
```
#304185
```
#304185 rgb(48,65,133)
```

Similar Colors

Text with hexadecimal color #305685

This text has a font color of #305685.

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

#305685 background color

This paragraph has a background color of #305685.

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

#305685 border color

This element has a border color of #305685.

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

CSS codes

.text {color:#305685;}

.background {background-color:#305685;}

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

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)
```
#0c1520
```
#0c1520 rgb(12,21,32)
```
#111e2f
```
#111e2f rgb(17,30,47)
```
#16273d
```
#16273d rgb(22,39,61)
```
#1b314b
```
#1b314b rgb(27,49,75)
```
#203a5a
```
#203a5a rgb(32,58,90)
```
#264368
```
#264368 rgb(38,67,104)
```
#2b4d77
```
#2b4d77 rgb(43,77,119)
```
#305685
```
#305685 rgb(48,86,133)
```
#355f93
```
#355f93 rgb(53,95,147)
```
#3a69a2
```
#3a69a2 rgb(58,105,162)
```
#4072b0
```
#4072b0 rgb(64,114,176)
```

Shade Color Variation

#477cbd
```
#477cbd rgb(71,124,189)
```
#5586c2
```
#5586c2 rgb(85,134,194)
```
#6490c7
```
#6490c7 rgb(100,144,199)
```
#729acc
```
#729acc rgb(114,154,204)
```
#81a5d1
```
#81a5d1 rgb(129,165,209)
```
#8fafd7
```
#8fafd7 rgb(143,175,215)
```
#9db9dc
```
#9db9dc rgb(157,185,220)
```
#acc4e1
```
#acc4e1 rgb(172,196,225)
```
#bacee6
```
#bacee6 rgb(186,206,230)
```
#c9d8eb
```
#c9d8eb rgb(201,216,235)
```
#d7e2f1
```
#d7e2f1 rgb(215,226,241)
```
#e5edf6
```
#e5edf6 rgb(229,237,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 #0652af is the most saturated one.

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#535a62
```
#535a62 rgb(83,90,98)
```
#4c5969
```
#4c5969 rgb(76,89,105)
```
#455870
```
#455870 rgb(69,88,112)
```
#3e5777
```
#3e5777 rgb(62,87,119)
```
#37577e
```
#37577e rgb(55,87,126)
```
#305685
```
#305685 rgb(48,86,133)
```
#29558c
```
#29558c rgb(41,85,140)
```
#225593
```
#225593 rgb(34,85,147)
```
#1b549a
```
#1b549a rgb(27,84,154)
```
#1453a1
```
#1453a1 rgb(20,83,161)
```
#0d52a8
```
#0d52a8 rgb(13,82,168)
```
#0652af
```
#0652af rgb(6,82,175)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5b89 Protanopia 1% of men
#425d8b Deuteranopia 1% of men
#27656c Tritanopia 0.001% of the population

Trichromacy

#415987 Protanomaly 1% of men, 0.01% of women
#3b5a89 Deuteranomaly 6% of men, 0.4% of women
#2a5f75 Tritanomaly 0.01% of the population

#305685 hex color

#305685 Color Information

#305685 Color Conversion

Color Schemes with #305685

Alternatives to #305685

#305685 Preview

Shades and Tints of #305685

Tones of #305685

Color Blindness Simulator