#0102f8 hex color

In a RGB color space, hex #0102f8 is composed of 0.4% red, 0.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 99.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 239.8 degrees, a saturation of 99.2% and a lightness of 48.8%. #0102f8 color hex could be obtained by blending #0204ff with #0000f1. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 0
- G 1
- B 97
RGB color chart
- C 100
- M 99
- Y 0
- K 3
CMYK color chart

● #0102f8 color description : Vivid blue.

The hexadecimal color #0102f8 has RGB values of R:1, G:2, B:248 and CMYK values of C:1, M:0.99, Y:0, K:0.03. Its decimal value is 66296.

Hex triplet	0102f8	`#0102f8`
RGB Decimal	1, 2, 248	`rgb(1,2,248)`
RGB Percent	0.4, 0.8, 97.3	`rgb(0.4%,0.8%,97.3%)`
CMYK	100, 99, 0, 3
HSL	239.8°, 99.2, 48.8	`hsl(239.8,99.2%,48.8%)`
HSV (or HSB)	239.8°, 99.6, 97.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.407, 77.229, -105.42
XYZ	16.974, 6.826, 89.225
xyY	0.15, 0.06, 6.826
CIE-LCH	31.407, 130.682, 306.226
CIE-LUV	31.407, -9.151, -126.412
Hunter-Lab	26.126, 70.25, -184.195
Binary	00000001, 00000010, 11111000

#0102f8
```
#0102f8 rgb(1,2,248)
```
#f8f701
```
#f8f701 rgb(248,247,1)
```

Complementary Color

#017ef8
```
#017ef8 rgb(1,126,248)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```
#7c01f8
```
#7c01f8 rgb(124,1,248)
```

Analogous Color

#7ef801
```
#7ef801 rgb(126,248,1)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```
#f87c01
```
#f87c01 rgb(248,124,1)
```

Split Complementary Color

#02f801
```
#02f801 rgb(2,248,1)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```
#f80102
```
#f80102 rgb(248,1,2)
```

Triadic Color

#01f8f7
```
#01f8f7 rgb(1,248,247)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```
#f80102
```
#f80102 rgb(248,1,2)
```
#f8f701
```
#f8f701 rgb(248,247,1)
```

Tetradic Color

#0101ac
```
#0101ac rgb(1,1,172)
```
#0102c5
```
#0102c5 rgb(1,2,197)
```
#0102df
```
#0102df rgb(1,2,223)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```
#1415fe
```
#1415fe rgb(20,21,254)
```
#2e2ffe
```
#2e2ffe rgb(46,47,254)
```
#4748fe
```
#4748fe rgb(71,72,254)
```

Monochromatic Color

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

#0140f8
```
#0140f8 rgb(1,64,248)
```
#012bf8
```
#012bf8 rgb(1,43,248)
```
#0117f8
```
#0117f8 rgb(1,23,248)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```
#1501f8
```
#1501f8 rgb(21,1,248)
```
#2901f8
```
#2901f8 rgb(41,1,248)
```
#3e01f8
```
#3e01f8 rgb(62,1,248)
```

Similar Colors

Text with hexadecimal color #0102f8

This text has a font color of #0102f8.

<span style="color:#0102f8;">Text here</span>

#0102f8 background color

This paragraph has a background color of #0102f8.

<p style="background-color:#0102f8;">Content here</p>

#0102f8 border color

This element has a border color of #0102f8.

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

CSS codes

.text {color:#0102f8;}

.background {background-color:#0102f8;}

.border {border:1px solid #0102f8;}

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

#00000e
```
#00000e rgb(0,0,14)
```
#000021
```
#000021 rgb(0,0,33)
```
#000035
```
#000035 rgb(0,0,53)
```
#000148
```
#000148 rgb(0,1,72)
```
#00015c
```
#00015c rgb(0,1,92)
```
#00016f
```
#00016f rgb(0,1,111)
```
#010183
```
#010183 rgb(1,1,131)
```
#010196
```
#010196 rgb(1,1,150)
```
#0101aa
```
#0101aa rgb(1,1,170)
```
#0102bd
```
#0102bd rgb(1,2,189)
```
#0102d1
```
#0102d1 rgb(1,2,209)
```
#0102e4
```
#0102e4 rgb(1,2,228)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```

Shade Color Variation

#0f10fe
```
#0f10fe rgb(15,16,254)
```
#2223fe
```
#2223fe rgb(34,35,254)
```
#3636fe
```
#3636fe rgb(54,54,254)
```
#494afe
```
#494afe rgb(73,74,254)
```
#5d5dfe
```
#5d5dfe rgb(93,93,254)
```
#7071fe
```
#7071fe rgb(112,113,254)
```
#8484ff
```
#8484ff rgb(132,132,255)
```
#9798ff
```
#9798ff rgb(151,152,255)
```
#ababff
```
#ababff rgb(171,171,255)
```
#bebfff
```
#bebfff rgb(190,191,255)
```
#d2d2ff
```
#d2d2ff rgb(210,210,255)
```
#e5e6ff
```
#e5e6ff rgb(229,230,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#747485
```
#747485 rgb(116,116,133)
```
#6a6a8f
```
#6a6a8f rgb(106,106,143)
```
#616198
```
#616198 rgb(97,97,152)
```
#5757a2
```
#5757a2 rgb(87,87,162)
```
#4e4eab
```
#4e4eab rgb(78,78,171)
```
#4444b5
```
#4444b5 rgb(68,68,181)
```
#3a3bbf
```
#3a3bbf rgb(58,59,191)
```
#3131c8
```
#3131c8 rgb(49,49,200)
```
#2728d2
```
#2728d2 rgb(39,40,210)
```
#1e1edb
```
#1e1edb rgb(30,30,219)
```
#1415e5
```
#1415e5 rgb(20,21,229)
```
#0b0bee
```
#0b0bee rgb(11,11,238)
```
#0102f8
```
#0102f8 rgb(1,2,248)
```

Tone Color Variation

Below, you can see how #0102f8 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

#1e1e1e Achromatopsia 0.005% of the population
#18184a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0034be Protanomaly 1% of men, 0.01% of women
#0037b0 Deuteranomaly 6% of men, 0.4% of women
#003b96 Tritanomaly 0.01% of the population

#0102f8 hex color

#0102f8 Color Information

#0102f8 Color Conversion

Color Schemes with #0102f8

Alternatives to #0102f8

#0102f8 Preview

Shades and Tints of #0102f8

Tones of #0102f8

Color Blindness Simulator