#300afd hex color

In a RGB color space, hex #300afd is composed of 18.8% red, 3.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 96% magenta, 0% yellow and 0.8% black. It has a hue angle of 249.4 degrees, a saturation of 98.4% and a lightness of 51.6%. #300afd color hex could be obtained by blending #6014ff with #0000fb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 4
- B 99
RGB color chart
- C 81
- M 96
- Y 0
- K 1
CMYK color chart

● #300afd color description : Vivid blue.

The hexadecimal color #300afd has RGB values of R:48, G:10, B:253 and CMYK values of C:0.81, M:0.96, Y:0, K:0.01. Its decimal value is 3148541.

Hex triplet	300afd	`#300afd`
RGB Decimal	48, 10, 253	`rgb(48,10,253)`
RGB Percent	18.8, 3.9, 99.2	`rgb(18.8%,3.9%,99.2%)`
CMYK	81, 96, 0, 1
HSL	249.4°, 98.4, 51.6	`hsl(249.4,98.4%,51.6%)`
HSV (or HSB)	249.4°, 96, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.849, 77.76, -104.119
XYZ	19.054, 7.936, 93.451
xyY	0.158, 0.066, 7.936
CIE-LCH	33.849, 129.952, 306.754
CIE-LUV	33.849, -6.91, -130.977
Hunter-Lab	28.171, 71.43, -176.961
Binary	00110000, 00001010, 11111101

#300afd
```
#300afd rgb(48,10,253)
```
#d7fd0a
```
#d7fd0a rgb(215,253,10)
```

Complementary Color

#0a5dfd
```
#0a5dfd rgb(10,93,253)
```
#300afd
```
#300afd rgb(48,10,253)
```
#aa0afd
```
#aa0afd rgb(170,10,253)
```

Analogous Color

#5dfd0a
```
#5dfd0a rgb(93,253,10)
```
#300afd
```
#300afd rgb(48,10,253)
```
#fdaa0a
```
#fdaa0a rgb(253,170,10)
```

Split Complementary Color

#0afd30
```
#0afd30 rgb(10,253,48)
```
#300afd
```
#300afd rgb(48,10,253)
```
#fd300a
```
#fd300a rgb(253,48,10)
```

Triadic Color

#0ad7fd
```
#0ad7fd rgb(10,215,253)
```
#300afd
```
#300afd rgb(48,10,253)
```
#fd300a
```
#fd300a rgb(253,48,10)
```
#d7fd0a
```
#d7fd0a rgb(215,253,10)
```

Tetradic Color

#1e02b9
```
#1e02b9 rgb(30,2,185)
```
#2202d2
```
#2202d2 rgb(34,2,210)
```
#2602ec
```
#2602ec rgb(38,2,236)
```
#300afd
```
#300afd rgb(48,10,253)
```
#4523fd
```
#4523fd rgb(69,35,253)
```
#5b3dfd
```
#5b3dfd rgb(91,61,253)
```
#7056fe
```
#7056fe rgb(112,86,254)
```

Monochromatic Color

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

#0a21fd
```
#0a21fd rgb(10,33,253)
```
#0a0dfd
```
#0a0dfd rgb(10,13,253)
```
#1c0afd
```
#1c0afd rgb(28,10,253)
```
#300afd
```
#300afd rgb(48,10,253)
```
#440afd
```
#440afd rgb(68,10,253)
```
#590afd
```
#590afd rgb(89,10,253)
```
#6d0afd
```
#6d0afd rgb(109,10,253)
```

Similar Colors

Text with hexadecimal color #300afd

This text has a font color of #300afd.

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

#300afd background color

This paragraph has a background color of #300afd.

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

#300afd border color

This element has a border color of #300afd.

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

CSS codes

.text {color:#300afd;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#04001b
```
#04001b rgb(4,0,27)
```
#08002f
```
#08002f rgb(8,0,47)
```
#0b0142
```
#0b0142 rgb(11,1,66)
```
#0e0156
```
#0e0156 rgb(14,1,86)
```
#110169
```
#110169 rgb(17,1,105)
```
#14017d
```
#14017d rgb(20,1,125)
```
#180190
```
#180190 rgb(24,1,144)
```
#1b01a4
```
#1b01a4 rgb(27,1,164)
```
#1e01b7
```
#1e01b7 rgb(30,1,183)
```
#2102cb
```
#2102cb rgb(33,2,203)
```
#2402de
```
#2402de rgb(36,2,222)
```
#2702f1
```
#2702f1 rgb(39,2,241)
```

Shade Color Variation

#300afd
```
#300afd rgb(48,10,253)
```
#401dfd
```
#401dfd rgb(64,29,253)
```
#5131fd
```
#5131fd rgb(81,49,253)
```
#6144fd
```
#6144fd rgb(97,68,253)
```
#7258fe
```
#7258fe rgb(114,88,254)
```
#826bfe
```
#826bfe rgb(130,107,254)
```
#937ffe
```
#937ffe rgb(147,127,254)
```
#a392fe
```
#a392fe rgb(163,146,254)
```
#b4a6fe
```
#b4a6fe rgb(180,166,254)
```
#c4b9fe
```
#c4b9fe rgb(196,185,254)
```
#d4cdff
```
#d4cdff rgb(212,205,255)
```
#e5e0ff
```
#e5e0ff rgb(229,224,255)
```
#f5f3ff
```
#f5f3ff rgb(245,243,255)
```

Tint Color Variation

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

#7e7c8b
```
#7e7c8b rgb(126,124,139)
```
#787395
```
#787395 rgb(120,115,149)
```
#71699e
```
#71699e rgb(113,105,158)
```
#6b60a8
```
#6b60a8 rgb(107,96,168)
```
#6456b1
```
#6456b1 rgb(100,86,177)
```
#5e4dbb
```
#5e4dbb rgb(94,77,187)
```
#5743c4
```
#5743c4 rgb(87,67,196)
```
#513ace
```
#513ace rgb(81,58,206)
```
#4a30d7
```
#4a30d7 rgb(74,48,215)
```
#4427e1
```
#4427e1 rgb(68,39,225)
```
#3d1dea
```
#3d1dea rgb(61,29,234)
```
#3714f4
```
#3714f4 rgb(55,20,244)
```
#300afd
```
#300afd rgb(48,10,253)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#31295a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#113ac6 Protanomaly 1% of men, 0.01% of women
#113db7 Deuteranomaly 6% of men, 0.4% of women
#11419c Tritanomaly 0.01% of the population

#300afd hex color

#300afd Color Information

#300afd Color Conversion

Color Schemes with #300afd

Alternatives to #300afd

#300afd Preview

Shades and Tints of #300afd

Tones of #300afd

Color Blindness Simulator