#305fb6 hex color

In a RGB color space, hex #305fb6 is composed of 18.8% red, 37.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 47.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 219 degrees, a saturation of 58.3% and a lightness of 45.1%. #305fb6 color hex could be obtained by blending #60beff with #00006d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 37
- B 71
RGB color chart
- C 74
- M 48
- Y 0
- K 29
CMYK color chart

● #305fb6 color description : Moderate blue.

The hexadecimal color #305fb6 has RGB values of R:48, G:95, B:182 and CMYK values of C:0.74, M:0.48, Y:0, K:0.29. Its decimal value is 3170230.

Hex triplet	305fb6	`#305fb6`
RGB Decimal	48, 95, 182	`rgb(48,95,182)`
RGB Percent	18.8, 37.3, 71.4	`rgb(18.8%,37.3%,71.4%)`
CMYK	74, 48, 0, 29
HSL	219°, 58.3, 45.1	`hsl(219,58.3%,45.1%)`
HSV (or HSB)	219°, 73.6, 71.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.515, 14.584, -50.777
XYZ	13.753, 12.189, 45.881
xyY	0.191, 0.17, 12.189
CIE-LCH	41.515, 52.83, 286.025
CIE-LUV	41.515, -17.946, -75.62
Hunter-Lab	34.913, 9.216, -53.477
Binary	00110000, 01011111, 10110110

#305fb6
```
#305fb6 rgb(48,95,182)
```
#b68730
```
#b68730 rgb(182,135,48)
```

Complementary Color

#30a2b6
```
#30a2b6 rgb(48,162,182)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#4430b6
```
#4430b6 rgb(68,48,182)
```

Analogous Color

#a2b630
```
#a2b630 rgb(162,182,48)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#b64430
```
#b64430 rgb(182,68,48)
```

Split Complementary Color

#5fb630
```
#5fb630 rgb(95,182,48)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#b6305f
```
#b6305f rgb(182,48,95)
```

Triadic Color

#30b687
```
#30b687 rgb(48,182,135)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#b6305f
```
#b6305f rgb(182,48,95)
```
#b68730
```
#b68730 rgb(182,135,48)
```

Tetradic Color

#203f79
```
#203f79 rgb(32,63,121)
```
#254a8e
```
#254a8e rgb(37,74,142)
```
#2b54a2
```
#2b54a2 rgb(43,84,162)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#366aca
```
#366aca rgb(54,106,202)
```
#4a79cf
```
#4a79cf rgb(74,121,207)
```
#5e88d5
```
#5e88d5 rgb(94,136,213)
```

Monochromatic Color

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

#3081b6
```
#3081b6 rgb(48,129,182)
```
#3075b6
```
#3075b6 rgb(48,117,182)
```
#306ab6
```
#306ab6 rgb(48,106,182)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#3054b6
```
#3054b6 rgb(48,84,182)
```
#3049b6
```
#3049b6 rgb(48,73,182)
```
#303eb6
```
#303eb6 rgb(48,62,182)
```

Similar Colors

Text with hexadecimal color #305fb6

This text has a font color of #305fb6.

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

#305fb6 background color

This paragraph has a background color of #305fb6.

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

#305fb6 border color

This element has a border color of #305fb6.

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

CSS codes

.text {color:#305fb6;}

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

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

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

#03060b
```
#03060b rgb(3,6,11)
```
#070e1b
```
#070e1b rgb(7,14,27)
```
#0b162a
```
#0b162a rgb(11,22,42)
```
#0f1e3a
```
#0f1e3a rgb(15,30,58)
```
#132649
```
#132649 rgb(19,38,73)
```
#172e59
```
#172e59 rgb(23,46,89)
```
#1c3668
```
#1c3668 rgb(28,54,104)
```
#203f78
```
#203f78 rgb(32,63,120)
```
#244787
```
#244787 rgb(36,71,135)
```
#284f97
```
#284f97 rgb(40,79,151)
```
#2c57a6
```
#2c57a6 rgb(44,87,166)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#3467c6
```
#3467c6 rgb(52,103,198)
```

Shade Color Variation

#4072cd
```
#4072cd rgb(64,114,205)
```
#507dd1
```
#507dd1 rgb(80,125,209)
```
#6089d5
```
#6089d5 rgb(96,137,213)
```
#6f94d9
```
#6f94d9 rgb(111,148,217)
```
#7fa0dd
```
#7fa0dd rgb(127,160,221)
```
#8eabe1
```
#8eabe1 rgb(142,171,225)
```
#9eb7e5
```
#9eb7e5 rgb(158,183,229)
```
#adc2e9
```
#adc2e9 rgb(173,194,233)
```
#bdceee
```
#bdceee rgb(189,206,238)
```
#ccd9f2
```
#ccd9f2 rgb(204,217,242)
```
#dce5f6
```
#dce5f6 rgb(220,229,246)
```
#ebf0fa
```
#ebf0fa rgb(235,240,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7178 is the less saturated color, while #0452e2 is the most saturated one.

#6e7178
```
#6e7178 rgb(110,113,120)
```
#656f81
```
#656f81 rgb(101,111,129)
```
#5c6c8a
```
#5c6c8a rgb(92,108,138)
```
#536a93
```
#536a93 rgb(83,106,147)
```
#4b679b
```
#4b679b rgb(75,103,155)
```
#4264a4
```
#4264a4 rgb(66,100,164)
```
#3962ad
```
#3962ad rgb(57,98,173)
```
#305fb6
```
#305fb6 rgb(48,95,182)
```
#275cbf
```
#275cbf rgb(39,92,191)
```
#1e5ac8
```
#1e5ac8 rgb(30,90,200)
```
#1557d1
```
#1557d1 rgb(21,87,209)
```
#0d54d9
```
#0d54d9 rgb(13,84,217)
```
#0452e2
```
#0452e2 rgb(4,82,226)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a67b9 Protanopia 1% of men
#006bb3 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3664b8 Protanomaly 1% of men, 0.01% of women
#1167b4 Deuteranomaly 6% of men, 0.4% of women
#116c91 Tritanomaly 0.01% of the population

#305fb6 hex color

#305fb6 Color Information

#305fb6 Color Conversion

Color Schemes with #305fb6

Alternatives to #305fb6

#305fb6 Preview

Shades and Tints of #305fb6

Tones of #305fb6

Color Blindness Simulator