#102dfd hex color

In a RGB color space, hex #102dfd is composed of 6.3% red, 17.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 82.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.7 degrees, a saturation of 98.3% and a lightness of 52.7%. #102dfd color hex could be obtained by blending #205aff with #0000fb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 6
- G 18
- B 99
RGB color chart
- C 94
- M 82
- Y 0
- K 1
CMYK color chart

● #102dfd color description : Vivid blue.

The hexadecimal color #102dfd has RGB values of R:16, G:45, B:253 and CMYK values of C:0.94, M:0.82, Y:0, K:0.01. Its decimal value is 1060349.

Hex triplet	102dfd	`#102dfd`
RGB Decimal	16, 45, 253	`rgb(16,45,253)`
RGB Percent	6.3, 17.6, 99.2	`rgb(6.3%,17.6%,99.2%)`
CMYK	94, 82, 0, 1
HSL	232.7°, 98.3, 52.7	`hsl(232.7,98.3%,52.7%)`
HSV (or HSB)	232.7°, 93.7, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.133, 67.017, -100.337
XYZ	18.878, 9.077, 93.68
xyY	0.155, 0.075, 9.077
CIE-LCH	36.133, 120.66, 303.74
CIE-LUV	36.133, -11.591, -131.99
Hunter-Lab	30.129, 59.121, -163.264
Binary	00010000, 00101101, 11111101

#102dfd
```
#102dfd rgb(16,45,253)
```
#fde010
```
#fde010 rgb(253,224,16)
```

Complementary Color

#10a4fd
```
#10a4fd rgb(16,164,253)
```
#102dfd
```
#102dfd rgb(16,45,253)
```
#6a10fd
```
#6a10fd rgb(106,16,253)
```

Analogous Color

#a4fd10
```
#a4fd10 rgb(164,253,16)
```
#102dfd
```
#102dfd rgb(16,45,253)
```
#fd6a10
```
#fd6a10 rgb(253,106,16)
```

Split Complementary Color

#2dfd10
```
#2dfd10 rgb(45,253,16)
```
#102dfd
```
#102dfd rgb(16,45,253)
```
#fd102d
```
#fd102d rgb(253,16,45)
```

Triadic Color

#10fde0
```
#10fde0 rgb(16,253,224)
```
#102dfd
```
#102dfd rgb(16,45,253)
```
#fd102d
```
#fd102d rgb(253,16,45)
```
#fde010
```
#fde010 rgb(253,224,16)
```

Tetradic Color

#0219bf
```
#0219bf rgb(2,25,191)
```
#021cd8
```
#021cd8 rgb(2,28,216)
```
#021ff1
```
#021ff1 rgb(2,31,241)
```
#102dfd
```
#102dfd rgb(16,45,253)
```
#2943fd
```
#2943fd rgb(41,67,253)
```
#4359fd
```
#4359fd rgb(67,89,253)
```
#5c70fe
```
#5c70fe rgb(92,112,254)
```

Monochromatic Color

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

#1068fd
```
#1068fd rgb(16,104,253)
```
#1055fd
```
#1055fd rgb(16,85,253)
```
#1041fd
```
#1041fd rgb(16,65,253)
```
#102dfd
```
#102dfd rgb(16,45,253)
```
#1019fd
```
#1019fd rgb(16,25,253)
```
#1a10fd
```
#1a10fd rgb(26,16,253)
```
#2e10fd
```
#2e10fd rgb(46,16,253)
```

Similar Colors

Text with hexadecimal color #102dfd

This text has a font color of #102dfd.

<span style="color:#102dfd;">Text here</span>

#102dfd background color

This paragraph has a background color of #102dfd.

<p style="background-color:#102dfd;">Content here</p>

#102dfd border color

This element has a border color of #102dfd.

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

CSS codes

.text {color:#102dfd;}

.background {background-color:#102dfd;}

.border {border:1px solid #102dfd;}

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, #00020e is the darkest color, while #f9faff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#000421
```
#000421 rgb(0,4,33)
```
#000735
```
#000735 rgb(0,7,53)
```
#010948
```
#010948 rgb(1,9,72)
```
#010c5c
```
#010c5c rgb(1,12,92)
```
#010e6f
```
#010e6f rgb(1,14,111)
```
#011183
```
#011183 rgb(1,17,131)
```
#011396
```
#011396 rgb(1,19,150)
```
#0116aa
```
#0116aa rgb(1,22,170)
```
#0219bd
```
#0219bd rgb(2,25,189)
```
#021bd0
```
#021bd0 rgb(2,27,208)
```
#021ee4
```
#021ee4 rgb(2,30,228)
```
#0220f7
```
#0220f7 rgb(2,32,247)
```

Shade Color Variation

#102dfd
```
#102dfd rgb(16,45,253)
```
#233efd
```
#233efd rgb(35,62,253)
```
#374ffd
```
#374ffd rgb(55,79,253)
```
#4a60fd
```
#4a60fd rgb(74,96,253)
```
#5e71fe
```
#5e71fe rgb(94,113,254)
```
#7182fe
```
#7182fe rgb(113,130,254)
```
#8594fe
```
#8594fe rgb(133,148,254)
```
#98a5fe
```
#98a5fe rgb(152,165,254)
```
#acb6fe
```
#acb6fe rgb(172,182,254)
```
#bfc7fe
```
#bfc7fe rgb(191,199,254)
```
#d3d8ff
```
#d3d8ff rgb(211,216,255)
```
#e6e9ff
```
#e6e9ff rgb(230,233,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#7f818e
```
#7f818e rgb(127,129,142)
```
#767a97
```
#767a97 rgb(118,122,151)
```
#6d73a0
```
#6d73a0 rgb(109,115,160)
```
#636caa
```
#636caa rgb(99,108,170)
```
#5a65b3
```
#5a65b3 rgb(90,101,179)
```
#515ebc
```
#515ebc rgb(81,94,188)
```
#4857c5
```
#4857c5 rgb(72,87,197)
```
#3e50cf
```
#3e50cf rgb(62,80,207)
```
#3549d8
```
#3549d8 rgb(53,73,216)
```
#2c42e1
```
#2c42e1 rgb(44,66,225)
```
#233bea
```
#233bea rgb(35,59,234)
```
#1934f4
```
#1934f4 rgb(25,52,244)
```
#102dfd
```
#102dfd rgb(16,45,253)
```

Tone Color Variation

Below, you can see how #102dfd 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

#3c3c3c Achromatopsia 0.005% of the population
#333963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676b Tritanopia 0.001% of the population

Trichromacy

#054acc Protanomaly 1% of men, 0.01% of women
#054dbd Deuteranomaly 6% of men, 0.4% of women
#0552a0 Tritanomaly 0.01% of the population

#102dfd hex color

#102dfd Color Information

#102dfd Color Conversion

Color Schemes with #102dfd

Alternatives to #102dfd

#102dfd Preview

Shades and Tints of #102dfd

Tones of #102dfd

Color Blindness Simulator