#300fdd hex color

In a RGB color space, hex #300fdd is composed of 18.8% red, 5.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 93.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 249.6 degrees, a saturation of 87.3% and a lightness of 46.3%. #300fdd color hex could be obtained by blending #601eff with #0000bb. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 6
- B 87
RGB color chart
- C 78
- M 93
- Y 0
- K 13
CMYK color chart

● #300fdd color description : Vivid blue.

The hexadecimal color #300fdd has RGB values of R:48, G:15, B:221 and CMYK values of C:0.78, M:0.93, Y:0, K:0.13. Its decimal value is 3149789.

Hex triplet	300fdd	`#300fdd`
RGB Decimal	48, 15, 221	`rgb(48,15,221)`
RGB Percent	18.8, 5.9, 86.7	`rgb(18.8%,5.9%,86.7%)`
CMYK	78, 93, 0, 13
HSL	249.6°, 87.3, 46.3	`hsl(249.6,87.3%,46.3%)`
HSV (or HSB)	249.6°, 93.2, 86.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.886, 69.002, -92.539
XYZ	14.438, 6.19, 68.836
xyY	0.161, 0.069, 6.19
CIE-LCH	29.886, 115.433, 306.71
CIE-LUV	29.886, -5.357, -112.984
Hunter-Lab	24.879, 60.054, -146.632
Binary	00110000, 00001111, 11011101

#300fdd
```
#300fdd rgb(48,15,221)
```
#bcdd0f
```
#bcdd0f rgb(188,221,15)
```

Complementary Color

#0f55dd
```
#0f55dd rgb(15,85,221)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#970fdd
```
#970fdd rgb(151,15,221)
```

Analogous Color

#55dd0f
```
#55dd0f rgb(85,221,15)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#dd970f
```
#dd970f rgb(221,151,15)
```

Split Complementary Color

#0fdd30
```
#0fdd30 rgb(15,221,48)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#dd300f
```
#dd300f rgb(221,48,15)
```

Triadic Color

#0fbcdd
```
#0fbcdd rgb(15,188,221)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#dd300f
```
#dd300f rgb(221,48,15)
```
#bcdd0f
```
#bcdd0f rgb(188,221,15)
```

Tetradic Color

#200a95
```
#200a95 rgb(32,10,149)
```
#260cad
```
#260cad rgb(38,12,173)
```
#2b0dc5
```
#2b0dc5 rgb(43,13,197)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#3916ef
```
#3916ef rgb(57,22,239)
```
#4d2ef1
```
#4d2ef1 rgb(77,46,241)
```
#6246f2
```
#6246f2 rgb(98,70,242)
```

Monochromatic Color

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

#0f22dd
```
#0f22dd rgb(15,34,221)
```
#0f10dd
```
#0f10dd rgb(15,16,221)
```
#1f0fdd
```
#1f0fdd rgb(31,15,221)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#410fdd
```
#410fdd rgb(65,15,221)
```
#520fdd
```
#520fdd rgb(82,15,221)
```
#630fdd
```
#630fdd rgb(99,15,221)
```

Similar Colors

Text with hexadecimal color #300fdd

This text has a font color of #300fdd.

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

#300fdd background color

This paragraph has a background color of #300fdd.

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

#300fdd border color

This element has a border color of #300fdd.

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

CSS codes

.text {color:#300fdd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040113
```
#040113 rgb(4,1,19)
```
#080325
```
#080325 rgb(8,3,37)
```
#0c0438
```
#0c0438 rgb(12,4,56)
```
#10054a
```
#10054a rgb(16,5,74)
```
#14065c
```
#14065c rgb(20,6,92)
```
#18086f
```
#18086f rgb(24,8,111)
```
#1c0981
```
#1c0981 rgb(28,9,129)
```
#200a94
```
#200a94 rgb(32,10,148)
```
#240ba6
```
#240ba6 rgb(36,11,166)
```
#280db8
```
#280db8 rgb(40,13,184)
```
#2c0ecb
```
#2c0ecb rgb(44,14,203)
```
#300fdd
```
#300fdd rgb(48,15,221)
```

Shade Color Variation

#3411ef
```
#3411ef rgb(52,17,239)
```
#4423f0
```
#4423f0 rgb(68,35,240)
```
#5436f1
```
#5436f1 rgb(84,54,241)
```
#6348f3
```
#6348f3 rgb(99,72,243)
```
#735af4
```
#735af4 rgb(115,90,244)
```
#826df5
```
#826df5 rgb(130,109,245)
```
#927ff6
```
#927ff6 rgb(146,127,246)
```
#a291f8
```
#a291f8 rgb(162,145,248)
```
#b1a4f9
```
#b1a4f9 rgb(177,164,249)
```
#c1b6fa
```
#c1b6fa rgb(193,182,250)
```
#d1c8fb
```
#d1c8fb rgb(209,200,251)
```
#e0dbfd
```
#e0dbfd rgb(224,219,253)
```
#f0edfe
```
#f0edfe rgb(240,237,254)
```

Tint Color Variation

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

#747379
```
#747379 rgb(116,115,121)
```
#6e6a82
```
#6e6a82 rgb(110,106,130)
```
#68618b
```
#68618b rgb(104,97,139)
```
#615894
```
#615894 rgb(97,88,148)
```
#5b4f9d
```
#5b4f9d rgb(91,79,157)
```
#5545a7
```
#5545a7 rgb(85,69,167)
```
#4f3cb0
```
#4f3cb0 rgb(79,60,176)
```
#4933b9
```
#4933b9 rgb(73,51,185)
```
#432ac2
```
#432ac2 rgb(67,42,194)
```
#3c21cb
```
#3c21cb rgb(60,33,203)
```
#3618d4
```
#3618d4 rgb(54,24,212)
```
#300fdd
```
#300fdd rgb(48,15,221)
```
#2a06e6
```
#2a06e6 rgb(42,6,230)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#1136b0 Protanomaly 1% of men, 0.01% of women
#1139a3 Deuteranomaly 6% of men, 0.4% of women
#113d8a Tritanomaly 0.01% of the population

#300fdd hex color

#300fdd Color Information

#300fdd Color Conversion

Color Schemes with #300fdd

Alternatives to #300fdd

#300fdd Preview

Shades and Tints of #300fdd

Tones of #300fdd

Color Blindness Simulator