#305f8f hex color

In a RGB color space, hex #305f8f is composed of 18.8% red, 37.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 33.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 210.3 degrees, a saturation of 49.7% and a lightness of 37.5%. #305f8f color hex could be obtained by blending #60beff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 37
- B 56
RGB color chart
- C 66
- M 34
- Y 0
- K 44
CMYK color chart

● #305f8f color description : Dark moderate blue.

The hexadecimal color #305f8f has RGB values of R:48, G:95, B:143 and CMYK values of C:0.66, M:0.34, Y:0, K:0.44. Its decimal value is 3170191.

Hex triplet	305f8f	`#305f8f`
RGB Decimal	48, 95, 143	`rgb(48,95,143)`
RGB Percent	18.8, 37.3, 56.1	`rgb(18.8%,37.3%,56.1%)`
CMYK	66, 34, 0, 44
HSL	210.3°, 49.7, 37.5	`hsl(210.3,49.7%,37.5%)`
HSV (or HSB)	210.3°, 66.4, 56.1
Web Safe	336699	`#336699`

CIE-LAB	39.233, 0.057, -31.234
XYZ	10.268, 10.795, 27.528
xyY	0.211, 0.222, 10.795
CIE-LCH	39.233, 31.234, 270.104
CIE-LUV	39.233, -18.685, -44.372
Hunter-Lab	32.856, -1.715, -26.675
Binary	00110000, 01011111, 10001111

#305f8f
```
#305f8f rgb(48,95,143)
```
#8f6030
```
#8f6030 rgb(143,96,48)
```

Complementary Color

#308f8f
```
#308f8f rgb(48,143,143)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#31308f
```
#31308f rgb(49,48,143)
```

Analogous Color

#8f8f30
```
#8f8f30 rgb(143,143,48)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#8f3130
```
#8f3130 rgb(143,49,48)
```

Split Complementary Color

#5f8f30
```
#5f8f30 rgb(95,143,48)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#8f305f
```
#8f305f rgb(143,48,95)
```

Triadic Color

#308f60
```
#308f60 rgb(48,143,96)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#8f305f
```
#8f305f rgb(143,48,95)
```
#8f6030
```
#8f6030 rgb(143,96,48)
```

Tetradic Color

#1d3956
```
#1d3956 rgb(29,57,86)
```
#234669
```
#234669 rgb(35,70,105)
```
#2a527c
```
#2a527c rgb(42,82,124)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#366ca2
```
#366ca2 rgb(54,108,162)
```
#3d78b5
```
#3d78b5 rgb(61,120,181)
```
#4985c2
```
#4985c2 rgb(73,133,194)
```

Monochromatic Color

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

#30778f
```
#30778f rgb(48,119,143)
```
#306f8f
```
#306f8f rgb(48,111,143)
```
#30678f
```
#30678f rgb(48,103,143)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#30578f
```
#30578f rgb(48,87,143)
```
#304f8f
```
#304f8f rgb(48,79,143)
```
#30478f
```
#30478f rgb(48,71,143)
```

Similar Colors

Text with hexadecimal color #305f8f

This text has a font color of #305f8f.

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

#305f8f background color

This paragraph has a background color of #305f8f.

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

#305f8f border color

This element has a border color of #305f8f.

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

CSS codes

.text {color:#305f8f;}

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

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

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, #04070b is the darkest color, while #fbfcfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#09111a
```
#09111a rgb(9,17,26)
```
#0d1b28
```
#0d1b28 rgb(13,27,40)
```
#122437
```
#122437 rgb(18,36,55)
```
#172e46
```
#172e46 rgb(23,46,70)
```
#1c3854
```
#1c3854 rgb(28,56,84)
```
#214263
```
#214263 rgb(33,66,99)
```
#264b72
```
#264b72 rgb(38,75,114)
```
#2b5580
```
#2b5580 rgb(43,85,128)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#35699e
```
#35699e rgb(53,105,158)
```
#3a73ac
```
#3a73ac rgb(58,115,172)
```
#3f7cbb
```
#3f7cbb rgb(63,124,187)
```

Shade Color Variation

#4b86c3
```
#4b86c3 rgb(75,134,195)
```
#5a90c7
```
#5a90c7 rgb(90,144,199)
```
#689acc
```
#689acc rgb(104,154,204)
```
#77a4d1
```
#77a4d1 rgb(119,164,209)
```
#86aed6
```
#86aed6 rgb(134,174,214)
```
#94b7db
```
#94b7db rgb(148,183,219)
```
#a3c1e0
```
#a3c1e0 rgb(163,193,224)
```
#b2cbe5
```
#b2cbe5 rgb(178,203,229)
```
#c0d5ea
```
#c0d5ea rgb(192,213,234)
```
#cfdfef
```
#cfdfef rgb(207,223,239)
```
#dee9f4
```
#dee9f4 rgb(222,233,244)
```
#ecf3f9
```
#ecf3f9 rgb(236,243,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5c5f63
```
#5c5f63 rgb(92,95,99)
```
#555f6a
```
#555f6a rgb(85,95,106)
```
#4d5f72
```
#4d5f72 rgb(77,95,114)
```
#465f79
```
#465f79 rgb(70,95,121)
```
#3f5f80
```
#3f5f80 rgb(63,95,128)
```
#375f88
```
#375f88 rgb(55,95,136)
```
#305f8f
```
#305f8f rgb(48,95,143)
```
#295f96
```
#295f96 rgb(41,95,150)
```
#215f9e
```
#215f9e rgb(33,95,158)
```
#1a5fa5
```
#1a5fa5 rgb(26,95,165)
```
#135fac
```
#135fac rgb(19,95,172)
```
#0b5fb4
```
#0b5fb4 rgb(11,95,180)
```
#045fbb
```
#045fbb rgb(4,95,187)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536391 Protanopia 1% of men
#496495 Deuteranopia 1% of men
#236d75 Tritanopia 0.001% of the population

Trichromacy

#466190 Protanomaly 1% of men, 0.01% of women
#406293 Deuteranomaly 6% of men, 0.4% of women
#28687f Tritanomaly 0.01% of the population

#305f8f hex color

#305f8f Color Information

#305f8f Color Conversion

Color Schemes with #305f8f

Alternatives to #305f8f

#305f8f Preview

Shades and Tints of #305f8f

Tones of #305f8f

Color Blindness Simulator