#305bd5 hex color

In a RGB color space, hex #305bd5 is composed of 18.8% red, 35.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 57.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 224.4 degrees, a saturation of 66.3% and a lightness of 51.2%. #305bd5 color hex could be obtained by blending #60b6ff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 36
- B 84
RGB color chart
- C 77
- M 57
- Y 0
- K 16
CMYK color chart

● #305bd5 color description : Strong blue.

The hexadecimal color #305bd5 has RGB values of R:48, G:91, B:213 and CMYK values of C:0.77, M:0.57, Y:0, K:0.16. Its decimal value is 3169237.

Hex triplet	305bd5	`#305bd5`
RGB Decimal	48, 91, 213	`rgb(48,91,213)`
RGB Percent	18.8, 35.7, 83.5	`rgb(18.8%,35.7%,83.5%)`
CMYK	77, 57, 0, 16
HSL	224.4°, 66.3, 51.2	`hsl(224.4,66.3%,51.2%)`
HSV (or HSB)	224.4°, 77.5, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.632, 28.808, -66.918
XYZ	16.968, 12.913, 64.545
xyY	0.18, 0.137, 12.913
CIE-LCH	42.632, 72.856, 293.292
CIE-LUV	42.632, -16.61, -100.247
Hunter-Lab	35.935, 21.396, -81.34
Binary	00110000, 01011011, 11010101

#305bd5
```
#305bd5 rgb(48,91,213)
```
#d5aa30
```
#d5aa30 rgb(213,170,48)
```

Complementary Color

#30aed5
```
#30aed5 rgb(48,174,213)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#5830d5
```
#5830d5 rgb(88,48,213)
```

Analogous Color

#aed530
```
#aed530 rgb(174,213,48)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#d55830
```
#d55830 rgb(213,88,48)
```

Split Complementary Color

#5bd530
```
#5bd530 rgb(91,213,48)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#d5305b
```
#d5305b rgb(213,48,91)
```

Triadic Color

#30d5aa
```
#30d5aa rgb(48,213,170)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#d5305b
```
#d5305b rgb(213,48,91)
```
#d5aa30
```
#d5aa30 rgb(213,170,48)
```

Tetradic Color

#1f3f99
```
#1f3f99 rgb(31,63,153)
```
#2348af
```
#2348af rgb(35,72,175)
```
#2850c4
```
#2850c4 rgb(40,80,196)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#456cd9
```
#456cd9 rgb(69,108,217)
```
#5a7dde
```
#5a7dde rgb(90,125,222)
```
#708de2
```
#708de2 rgb(112,141,226)
```

Monochromatic Color

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

#3084d5
```
#3084d5 rgb(48,132,213)
```
#3077d5
```
#3077d5 rgb(48,119,213)
```
#3069d5
```
#3069d5 rgb(48,105,213)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#304dd5
```
#304dd5 rgb(48,77,213)
```
#3040d5
```
#3040d5 rgb(48,64,213)
```
#3032d5
```
#3032d5 rgb(48,50,213)
```

Similar Colors

Text with hexadecimal color #305bd5

This text has a font color of #305bd5.

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

#305bd5 background color

This paragraph has a background color of #305bd5.

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

#305bd5 border color

This element has a border color of #305bd5.

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

CSS codes

.text {color:#305bd5;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040915
```
#040915 rgb(4,9,21)
```
#080f26
```
#080f26 rgb(8,15,38)
```
#0b1636
```
#0b1636 rgb(11,22,54)
```
#0e1d46
```
#0e1d46 rgb(14,29,70)
```
#122457
```
#122457 rgb(18,36,87)
```
#152a67
```
#152a67 rgb(21,42,103)
```
#183177
```
#183177 rgb(24,49,119)
```
#1b3887
```
#1b3887 rgb(27,56,135)
```
#1f3e98
```
#1f3e98 rgb(31,62,152)
```
#2245a8
```
#2245a8 rgb(34,69,168)
```
#254cb8
```
#254cb8 rgb(37,76,184)
```
#2952c9
```
#2952c9 rgb(41,82,201)
```

Shade Color Variation

#305bd5
```
#305bd5 rgb(48,91,213)
```
#4068d8
```
#4068d8 rgb(64,104,216)
```
#5175dc
```
#5175dc rgb(81,117,220)
```
#6182df
```
#6182df rgb(97,130,223)
```
#718fe2
```
#718fe2 rgb(113,143,226)
```
#829ce6
```
#829ce6 rgb(130,156,230)
```
#92a9e9
```
#92a9e9 rgb(146,169,233)
```
#a2b5ec
```
#a2b5ec rgb(162,181,236)
```
#b2c2ef
```
#b2c2ef rgb(178,194,239)
```
#c3cff3
```
#c3cff3 rgb(195,207,243)
```
#d3dcf6
```
#d3dcf6 rgb(211,220,246)
```
#e3e9f9
```
#e3e9f9 rgb(227,233,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8088 is the less saturated color, while #0a49fb is the most saturated one.

#7d8088
```
#7d8088 rgb(125,128,136)
```
#737b92
```
#737b92 rgb(115,123,146)
```
#69779c
```
#69779c rgb(105,119,156)
```
#6072a5
```
#6072a5 rgb(96,114,165)
```
#566daf
```
#566daf rgb(86,109,175)
```
#4d69b8
```
#4d69b8 rgb(77,105,184)
```
#4364c2
```
#4364c2 rgb(67,100,194)
```
#3a60cb
```
#3a60cb rgb(58,96,203)
```
#305bd5
```
#305bd5 rgb(48,91,213)
```
#2656df
```
#2656df rgb(38,86,223)
```
#1d52e8
```
#1d52e8 rgb(29,82,232)
```
#134df2
```
#134df2 rgb(19,77,242)
```
#0a49fb
```
#0a49fb rgb(10,73,251)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1164d0 Protanomaly 1% of men, 0.01% of women
#1167c0 Deuteranomaly 6% of men, 0.4% of women
#116d9d Tritanomaly 0.01% of the population

#305bd5 hex color

#305bd5 Color Information

#305bd5 Color Conversion

Color Schemes with #305bd5

Alternatives to #305bd5

#305bd5 Preview

Shades and Tints of #305bd5

Tones of #305bd5

Color Blindness Simulator