#305f9e hex color

In a RGB color space, hex #305f9e is composed of 18.8% red, 37.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 39.9% magenta, 0% yellow and 38% black. It has a hue angle of 214.4 degrees, a saturation of 53.4% and a lightness of 40.4%. #305f9e color hex could be obtained by blending #60beff with #00003d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 37
- B 62
RGB color chart
- C 70
- M 40
- Y 0
- K 38
CMYK color chart

● #305f9e color description : Dark moderate blue.

The hexadecimal color #305f9e has RGB values of R:48, G:95, B:158 and CMYK values of C:0.7, M:0.4, Y:0, K:0.38. Its decimal value is 3170206.

Hex triplet	305f9e	`#305f9e`
RGB Decimal	48, 95, 158	`rgb(48,95,158)`
RGB Percent	18.8, 37.3, 62	`rgb(18.8%,37.3%,62%)`
CMYK	70, 40, 0, 38
HSL	214.4°, 53.4, 40.4	`hsl(214.4,53.4%,40.4%)`
HSV (or HSB)	214.4°, 69.6, 62
Web Safe	336699	`#336699`

CIE-LAB	40.049, 5.574, -38.941
XYZ	11.481, 11.281, 33.918
xyY	0.203, 0.199, 11.281
CIE-LCH	40.049, 39.338, 278.146
CIE-LUV	40.049, -18.348, -56.689
Hunter-Lab	33.587, 2.242, -36.365
Binary	00110000, 01011111, 10011110

#305f9e
```
#305f9e rgb(48,95,158)
```
#9e6f30
```
#9e6f30 rgb(158,111,48)
```

Complementary Color

#30969e
```
#30969e rgb(48,150,158)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#38309e
```
#38309e rgb(56,48,158)
```

Analogous Color

#969e30
```
#969e30 rgb(150,158,48)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#9e3830
```
#9e3830 rgb(158,56,48)
```

Split Complementary Color

#5f9e30
```
#5f9e30 rgb(95,158,48)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#9e305f
```
#9e305f rgb(158,48,95)
```

Triadic Color

#309e6f
```
#309e6f rgb(48,158,111)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#9e305f
```
#9e305f rgb(158,48,95)
```
#9e6f30
```
#9e6f30 rgb(158,111,48)
```

Tetradic Color

#1e3c63
```
#1e3c63 rgb(30,60,99)
```
#244777
```
#244777 rgb(36,71,119)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#366bb2
```
#366bb2 rgb(54,107,178)
```
#3d77c4
```
#3d77c4 rgb(61,119,196)
```
#5184ca
```
#5184ca rgb(81,132,202)
```

Monochromatic Color

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

#307b9e
```
#307b9e rgb(48,123,158)
```
#30719e
```
#30719e rgb(48,113,158)
```
#30689e
```
#30689e rgb(48,104,158)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#30569e
```
#30569e rgb(48,86,158)
```
#304d9e
```
#304d9e rgb(48,77,158)
```
#30449e
```
#30449e rgb(48,68,158)
```

Similar Colors

Text with hexadecimal color #305f9e

This text has a font color of #305f9e.

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

#305f9e background color

This paragraph has a background color of #305f9e.

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

#305f9e border color

This element has a border color of #305f9e.

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

CSS codes

.text {color:#305f9e;}

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

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

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, #020508 is the darkest color, while #f8fafd is the lightest one.

#020508
```
#020508 rgb(2,5,8)
```
#070e17
```
#070e17 rgb(7,14,23)
```
#0b1726
```
#0b1726 rgb(11,23,38)
```
#102035
```
#102035 rgb(16,32,53)
```
#152944
```
#152944 rgb(21,41,68)
```
#193253
```
#193253 rgb(25,50,83)
```
#1e3b62
```
#1e3b62 rgb(30,59,98)
```
#224471
```
#224471 rgb(34,68,113)
```
#274d80
```
#274d80 rgb(39,77,128)
```
#2b568f
```
#2b568f rgb(43,86,143)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#3568ad
```
#3568ad rgb(53,104,173)
```
#3971bc
```
#3971bc rgb(57,113,188)
```

Shade Color Variation

#437bc6
```
#437bc6 rgb(67,123,198)
```
#5285ca
```
#5285ca rgb(82,133,202)
```
#6190cf
```
#6190cf rgb(97,144,207)
```
#709bd4
```
#709bd4 rgb(112,155,212)
```
#7fa5d8
```
#7fa5d8 rgb(127,165,216)
```
#8eb0dd
```
#8eb0dd rgb(142,176,221)
```
#9dbae1
```
#9dbae1 rgb(157,186,225)
```
#acc5e6
```
#acc5e6 rgb(172,197,230)
```
#bbcfea
```
#bbcfea rgb(187,207,234)
```
#cadaef
```
#cadaef rgb(202,218,239)
```
#d9e5f4
```
#d9e5f4 rgb(217,229,244)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60666e is the less saturated color, while #0058ce is the most saturated one.

#60666e
```
#60666e rgb(96,102,110)
```
#586576
```
#586576 rgb(88,101,118)
```
#50647e
```
#50647e rgb(80,100,126)
```
#486286
```
#486286 rgb(72,98,134)
```
#40618e
```
#40618e rgb(64,97,142)
```
#386096
```
#386096 rgb(56,96,150)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#205dae
```
#205dae rgb(32,93,174)
```
#185cb6
```
#185cb6 rgb(24,92,182)
```
#105abe
```
#105abe rgb(16,90,190)
```
#0859c6
```
#0859c6 rgb(8,89,198)
```
#0058ce
```
#0058ce rgb(0,88,206)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c64a0 Protanopia 1% of men
#3a67a3 Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#42629f Protanomaly 1% of men, 0.01% of women
#3664a1 Deuteranomaly 6% of men, 0.4% of women
#116a86 Tritanomaly 0.01% of the population

#305f9e hex color

#305f9e Color Information

#305f9e Color Conversion

Color Schemes with #305f9e

Alternatives to #305f9e

#305f9e Preview

Shades and Tints of #305f9e

Tones of #305f9e

Color Blindness Simulator