#030df0 hex color

In a RGB color space, hex #030df0 is composed of 1.2% red, 5.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 94.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 237.5 degrees, a saturation of 97.5% and a lightness of 47.6%. #030df0 color hex could be obtained by blending #061aff with #0000e1. Closest websafe color is: #0000ff.

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

● #030df0 color description : Vivid blue.

The hexadecimal color #030df0 has RGB values of R:3, G:13, B:240 and CMYK values of C:0.99, M:0.95, Y:0, K:0.06. Its decimal value is 200176.

Hex triplet	030df0	`#030df0`
RGB Decimal	3, 13, 240	`rgb(3,13,240)`
RGB Percent	1.2, 5.1, 94.1	`rgb(1.2%,5.1%,94.1%)`
CMYK	99, 95, 0, 6
HSL	237.5°, 97.5, 47.6	`hsl(237.5,97.5%,47.6%)`
HSV (or HSB)	237.5°, 98.8, 94.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.872, 73.505, -101.789
XYZ	15.907, 6.597, 82.868
xyY	0.151, 0.063, 6.597
CIE-LCH	30.872, 125.555, 305.834
CIE-LUV	30.872, -9.146, -122.399
Hunter-Lab	25.685, 65.595, -173.309
Binary	00000011, 00001101, 11110000

#030df0
```
#030df0 rgb(3,13,240)
```
#f0e603
```
#f0e603 rgb(240,230,3)
```

Complementary Color

#0384f0
```
#0384f0 rgb(3,132,240)
```
#030df0
```
#030df0 rgb(3,13,240)
```
#7003f0
```
#7003f0 rgb(112,3,240)
```

Analogous Color

#84f003
```
#84f003 rgb(132,240,3)
```
#030df0
```
#030df0 rgb(3,13,240)
```
#f07003
```
#f07003 rgb(240,112,3)
```

Split Complementary Color

#0df003
```
#0df003 rgb(13,240,3)
```
#030df0
```
#030df0 rgb(3,13,240)
```
#f0030d
```
#f0030d rgb(240,3,13)
```

Triadic Color

#03f0e6
```
#03f0e6 rgb(3,240,230)
```
#030df0
```
#030df0 rgb(3,13,240)
```
#f0030d
```
#f0030d rgb(240,3,13)
```
#f0e603
```
#f0e603 rgb(240,230,3)
```

Tetradic Color

#0209a4
```
#0209a4 rgb(2,9,164)
```
#020abe
```
#020abe rgb(2,10,190)
```
#030cd7
```
#030cd7 rgb(3,12,215)
```
#030df0
```
#030df0 rgb(3,13,240)
```
#101afc
```
#101afc rgb(16,26,252)
```
#2a33fc
```
#2a33fc rgb(42,51,252)
```
#434bfd
```
#434bfd rgb(67,75,253)
```

Monochromatic Color

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

#0348f0
```
#0348f0 rgb(3,72,240)
```
#0335f0
```
#0335f0 rgb(3,53,240)
```
#0321f0
```
#0321f0 rgb(3,33,240)
```
#030df0
```
#030df0 rgb(3,13,240)
```
#0d03f0
```
#0d03f0 rgb(13,3,240)
```
#2103f0
```
#2103f0 rgb(33,3,240)
```
#3403f0
```
#3403f0 rgb(52,3,240)
```

Similar Colors

Text with hexadecimal color #030df0

This text has a font color of #030df0.

<span style="color:#030df0;">Text here</span>

#030df0 background color

This paragraph has a background color of #030df0.

<p style="background-color:#030df0;">Content here</p>

#030df0 border color

This element has a border color of #030df0.

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

CSS codes

.text {color:#030df0;}

.background {background-color:#030df0;}

.border {border:1px solid #030df0;}

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

#000008
```
#000008 rgb(0,0,8)
```
#00011b
```
#00011b rgb(0,1,27)
```
#01032e
```
#01032e rgb(1,3,46)
```
#010442
```
#010442 rgb(1,4,66)
```
#010555
```
#010555 rgb(1,5,85)
```
#010668
```
#010668 rgb(1,6,104)
```
#02077c
```
#02077c rgb(2,7,124)
```
#02088f
```
#02088f rgb(2,8,143)
```
#0209a3
```
#0209a3 rgb(2,9,163)
```
#020ab6
```
#020ab6 rgb(2,10,182)
```
#030bc9
```
#030bc9 rgb(3,11,201)
```
#030cdd
```
#030cdd rgb(3,12,221)
```
#030df0
```
#030df0 rgb(3,13,240)
```

Shade Color Variation

#0b15fc
```
#0b15fc rgb(11,21,252)
```
#1e27fc
```
#1e27fc rgb(30,39,252)
```
#313afc
```
#313afc rgb(49,58,252)
```
#454dfd
```
#454dfd rgb(69,77,253)
```
#585ffd
```
#585ffd rgb(88,95,253)
```
#6c72fd
```
#6c72fd rgb(108,114,253)
```
#7f84fd
```
#7f84fd rgb(127,132,253)
```
#9297fe
```
#9297fe rgb(146,151,254)
```
#a6a9fe
```
#a6a9fe rgb(166,169,254)
```
#b9bcfe
```
#b9bcfe rgb(185,188,254)
```
#cccffe
```
#cccffe rgb(204,207,254)
```
#e0e1ff
```
#e0e1ff rgb(224,225,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#737480
```
#737480 rgb(115,116,128)
```
#6a6b89
```
#6a6b89 rgb(106,107,137)
```
#606393
```
#606393 rgb(96,99,147)
```
#575a9c
```
#575a9c rgb(87,90,156)
```
#4e51a5
```
#4e51a5 rgb(78,81,165)
```
#4449af
```
#4449af rgb(68,73,175)
```
#3b40b8
```
#3b40b8 rgb(59,64,184)
```
#3238c1
```
#3238c1 rgb(50,56,193)
```
#282fcb
```
#282fcb rgb(40,47,203)
```
#1f27d4
```
#1f27d4 rgb(31,39,212)
```
#161edd
```
#161edd rgb(22,30,221)
```
#0c16e7
```
#0c16e7 rgb(12,22,231)
```
#030df0
```
#030df0 rgb(3,13,240)
```

Tone Color Variation

Below, you can see how #030df0 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

#242424 Achromatopsia 0.005% of the population
#1d1f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#0137b9 Protanomaly 1% of men, 0.01% of women
#013aac Deuteranomaly 6% of men, 0.4% of women
#013e92 Tritanomaly 0.01% of the population

#030df0 hex color

#030df0 Color Information

#030df0 Color Conversion

Color Schemes with #030df0

Alternatives to #030df0

#030df0 Preview

Shades and Tints of #030df0

Tones of #030df0

Color Blindness Simulator