colorhexa.com

#305cd2 hex color

In a RGB color space, hex #305cd2 is composed of 18.8% red, 36.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 56.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 223.7 degrees, a saturation of 64.3% and a lightness of 50.6%. #305cd2 color hex could be obtained by blending #60b8ff with #0000a5. Closest websafe color is: #3366cc.

- R 19
- G 36
- B 82
RGB color chart
- C 77
- M 56
- Y 0
- K 18
CMYK color chart

● #305cd2 color description : Strong blue.

The hexadecimal color #305cd2 has RGB values of R:48, G:92, B:210 and CMYK values of C:0.77, M:0.56, Y:0, K:0.18. Its decimal value is 3169490.

Hex triplet	305cd2	`#305cd2`
RGB Decimal	48, 92, 210	`rgb(48,92,210)`
RGB Percent	18.8, 36.1, 82.4	`rgb(18.8%,36.1%,82.4%)`
CMYK	77, 56, 0, 18
HSL	223.7°, 64.3, 50.6	`hsl(223.7,64.3%,50.6%)`
HSV (or HSB)	223.7°, 77.1, 82.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.665, 27.05, -65.146
XYZ	16.676, 12.935, 62.587
xyY	0.181, 0.14, 12.935
CIE-LCH	42.665, 70.539, 292.549
CIE-LUV	42.665, -16.877, -97.716
Hunter-Lab	35.965, 19.83, -78.003
Binary	00110000, 01011100, 11010010

#305cd2
```
#305cd2 rgb(48,92,210)
```
#d2a630
```
#d2a630 rgb(210,166,48)
```

Complementary Color

#30add2
```
#30add2 rgb(48,173,210)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#5530d2
```
#5530d2 rgb(85,48,210)
```

Analogous Color

#add230
```
#add230 rgb(173,210,48)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#d25530
```
#d25530 rgb(210,85,48)
```

Split Complementary Color

#5cd230
```
#5cd230 rgb(92,210,48)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#d2305c
```
#d2305c rgb(210,48,92)
```

Triadic Color

#30d2a6
```
#30d2a6 rgb(48,210,166)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#d2305c
```
#d2305c rgb(210,48,92)
```
#d2a630
```
#d2a630 rgb(210,166,48)
```

Tetradic Color

#204095
```
#204095 rgb(32,64,149)
```
#2549aa
```
#2549aa rgb(37,73,170)
```
#2a52bf
```
#2a52bf rgb(42,82,191)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#456cd7
```
#456cd7 rgb(69,108,215)
```
#5a7ddb
```
#5a7ddb rgb(90,125,219)
```
#6f8de0
```
#6f8de0 rgb(111,141,224)
```

Monochromatic Color

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

#3085d2
```
#3085d2 rgb(48,133,210)
```
#3077d2
```
#3077d2 rgb(48,119,210)
```
#306ad2
```
#306ad2 rgb(48,106,210)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#304ed2
```
#304ed2 rgb(48,78,210)
```
#3041d2
```
#3041d2 rgb(48,65,210)
```
#3034d2
```
#3034d2 rgb(48,52,210)
```

Similar Colors

Text with hexadecimal color #305cd2

This text has a font color of #305cd2.

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

#305cd2 background color

This paragraph has a background color of #305cd2.

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

#305cd2 border color

This element has a border color of #305cd2.

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

CSS codes

.text {color:#305cd2;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040813
```
#040813 rgb(4,8,19)
```
#080f23
```
#080f23 rgb(8,15,35)
```
#0b1633
```
#0b1633 rgb(11,22,51)
```
#0f1d43
```
#0f1d43 rgb(15,29,67)
```
#122453
```
#122453 rgb(18,36,83)
```
#162b63
```
#162b63 rgb(22,43,99)
```
#193273
```
#193273 rgb(25,50,115)
```
#1d3883
```
#1d3883 rgb(29,56,131)
```
#203f93
```
#203f93 rgb(32,63,147)
```
#2446a4
```
#2446a4 rgb(36,70,164)
```
#274db4
```
#274db4 rgb(39,77,180)
```
#2b54c4
```
#2b54c4 rgb(43,84,196)
```

Shade Color Variation

#305cd2
```
#305cd2 rgb(48,92,210)
```
#4069d6
```
#4069d6 rgb(64,105,214)
```
#5075d9
```
#5075d9 rgb(80,117,217)
```
#6082dd
```
#6082dd rgb(96,130,221)
```
#708fe0
```
#708fe0 rgb(112,143,224)
```
#819be4
```
#819be4 rgb(129,155,228)
```
#91a8e7
```
#91a8e7 rgb(145,168,231)
```
#a1b5eb
```
#a1b5eb rgb(161,181,235)
```
#b1c2ee
```
#b1c2ee rgb(177,194,238)
```
#c1cef2
```
#c1cef2 rgb(193,206,242)
```
#d1dbf5
```
#d1dbf5 rgb(209,219,245)
```
#e1e8f9
```
#e1e8f9 rgb(225,232,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

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

#7e7f84
```
#7e7f84 rgb(126,127,132)
```
#747b8e
```
#747b8e rgb(116,123,142)
```
#6a7798
```
#6a7798 rgb(106,119,152)
```
#6072a2
```
#6072a2 rgb(96,114,162)
```
#576eab
```
#576eab rgb(87,110,171)
```
#4d69b5
```
#4d69b5 rgb(77,105,181)
```
#4365bf
```
#4365bf rgb(67,101,191)
```
#3a60c8
```
#3a60c8 rgb(58,96,200)
```
#305cd2
```
#305cd2 rgb(48,92,210)
```
#2658dc
```
#2658dc rgb(38,88,220)
```
#1d53e5
```
#1d53e5 rgb(29,83,229)
```
#134fef
```
#134fef rgb(19,79,239)
```
#094af9
```
#094af9 rgb(9,74,249)
```

Tone Color Variation

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

#1164cf Protanomaly 1% of men, 0.01% of women
#1168bf Deuteranomaly 6% of men, 0.4% of women
#116d9c Tritanomaly 0.01% of the population