#300cd2 hex color

In a RGB color space, hex #300cd2 is composed of 18.8% red, 4.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 94.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 250.9 degrees, a saturation of 89.2% and a lightness of 43.5%. #300cd2 color hex could be obtained by blending #6018ff with #0000a5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 5
- B 82
RGB color chart
- C 77
- M 94
- Y 0
- K 18
CMYK color chart

● #300cd2 color description : Strong blue.

The hexadecimal color #300cd2 has RGB values of R:48, G:12, B:210 and CMYK values of C:0.77, M:0.94, Y:0, K:0.18. Its decimal value is 3149010.

Hex triplet	300cd2	`#300cd2`
RGB Decimal	48, 12, 210	`rgb(48,12,210)`
RGB Percent	18.8, 4.7, 82.4	`rgb(18.8%,4.7%,82.4%)`
CMYK	77, 94, 0, 18
HSL	250.9°, 89.2, 43.5	`hsl(250.9,89.2%,43.5%)`
HSV (or HSB)	250.9°, 94.3, 82.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.231, 66.84, -88.934
XYZ	12.981, 5.544, 61.355
xyY	0.163, 0.069, 5.544
CIE-LCH	28.231, 111.251, 306.927
CIE-LUV	28.231, -4.599, -106.531
Hunter-Lab	23.545, 57.208, -138.02
Binary	00110000, 00001100, 11010010

#300cd2
```
#300cd2 rgb(48,12,210)
```
#aed20c
```
#aed20c rgb(174,210,12)
```

Complementary Color

#0c4bd2
```
#0c4bd2 rgb(12,75,210)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#930cd2
```
#930cd2 rgb(147,12,210)
```

Analogous Color

#4bd20c
```
#4bd20c rgb(75,210,12)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#d2930c
```
#d2930c rgb(210,147,12)
```

Split Complementary Color

#0cd230
```
#0cd230 rgb(12,210,48)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#d2300c
```
#d2300c rgb(210,48,12)
```

Triadic Color

#0caed2
```
#0caed2 rgb(12,174,210)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#d2300c
```
#d2300c rgb(210,48,12)
```
#aed20c
```
#aed20c rgb(174,210,12)
```

Tetradic Color

#1f088a
```
#1f088a rgb(31,8,138)
```
#2509a2
```
#2509a2 rgb(37,9,162)
```
#2a0bba
```
#2a0bba rgb(42,11,186)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#360dea
```
#360dea rgb(54,13,234)
```
#451ff2
```
#451ff2 rgb(69,31,242)
```
#5937f4
```
#5937f4 rgb(89,55,244)
```

Monochromatic Color

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

#0c1ad2
```
#0c1ad2 rgb(12,26,210)
```
#0f0cd2
```
#0f0cd2 rgb(15,12,210)
```
#1f0cd2
```
#1f0cd2 rgb(31,12,210)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#400cd2
```
#400cd2 rgb(64,12,210)
```
#510cd2
```
#510cd2 rgb(81,12,210)
```
#620cd2
```
#620cd2 rgb(98,12,210)
```

Similar Colors

Text with hexadecimal color #300cd2

This text has a font color of #300cd2.

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

#300cd2 background color

This paragraph has a background color of #300cd2.

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

#300cd2 border color

This element has a border color of #300cd2.

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

CSS codes

.text {color:#300cd2;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#060118
```
#060118 rgb(6,1,24)
```
#0a022b
```
#0a022b rgb(10,2,43)
```
#0e043e
```
#0e043e rgb(14,4,62)
```
#120550
```
#120550 rgb(18,5,80)
```
#170663
```
#170663 rgb(23,6,99)
```
#1b0775
```
#1b0775 rgb(27,7,117)
```
#1f0888
```
#1f0888 rgb(31,8,136)
```
#23099a
```
#23099a rgb(35,9,154)
```
#280aad
```
#280aad rgb(40,10,173)
```
#2c0bbf
```
#2c0bbf rgb(44,11,191)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#340de5
```
#340de5 rgb(52,13,229)
```

Shade Color Variation

#3c14f2
```
#3c14f2 rgb(60,20,242)
```
#4b26f3
```
#4b26f3 rgb(75,38,243)
```
#5b39f4
```
#5b39f4 rgb(91,57,244)
```
#6a4bf5
```
#6a4bf5 rgb(106,75,245)
```
#7a5ef6
```
#7a5ef6 rgb(122,94,246)
```
#8970f7
```
#8970f7 rgb(137,112,247)
```
#9883f8
```
#9883f8 rgb(152,131,248)
```
#a896f9
```
#a896f9 rgb(168,150,249)
```
#b7a8fa
```
#b7a8fa rgb(183,168,250)
```
#c6bbfb
```
#c6bbfb rgb(198,187,251)
```
#d6cdfc
```
#d6cdfc rgb(214,205,252)
```
#e5e0fd
```
#e5e0fd rgb(229,224,253)
```
#f5f2fe
```
#f5f2fe rgb(245,242,254)
```

Tint Color Variation

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

#6c6a74
```
#6c6a74 rgb(108,106,116)
```
#66617d
```
#66617d rgb(102,97,125)
```
#615985
```
#615985 rgb(97,89,133)
```
#5b508e
```
#5b508e rgb(91,80,142)
```
#564896
```
#564896 rgb(86,72,150)
```
#513f9f
```
#513f9f rgb(81,63,159)
```
#4b37a7
```
#4b37a7 rgb(75,55,167)
```
#462eb0
```
#462eb0 rgb(70,46,176)
```
#4026b8
```
#4026b8 rgb(64,38,184)
```
#3b1dc1
```
#3b1dc1 rgb(59,29,193)
```
#3515c9
```
#3515c9 rgb(53,21,201)
```
#300cd2
```
#300cd2 rgb(48,12,210)
```
#2b03db
```
#2b03db rgb(43,3,219)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e264e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005457 Tritanopia 0.001% of the population

Trichromacy

#1133a7 Protanomaly 1% of men, 0.01% of women
#11369b Deuteranomaly 6% of men, 0.4% of women
#113984 Tritanomaly 0.01% of the population

#300cd2 hex color

#300cd2 Color Information

#300cd2 Color Conversion

Color Schemes with #300cd2

Alternatives to #300cd2

#300cd2 Preview

Shades and Tints of #300cd2

Tones of #300cd2

Color Blindness Simulator