#0302f8 hex color

In a RGB color space, hex #0302f8 is composed of 1.2% red, 0.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 99.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 240.2 degrees, a saturation of 98.4% and a lightness of 49%. #0302f8 color hex could be obtained by blending #0604ff with #0000f1. Closest websafe color is: #0000ff.

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

● #0302f8 color description : Vivid blue.

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

Hex triplet	0302f8	`#0302f8`
RGB Decimal	3, 2, 248	`rgb(3,2,248)`
RGB Percent	1.2, 0.8, 97.3	`rgb(1.2%,0.8%,97.3%)`
CMYK	99, 99, 0, 3
HSL	240.2°, 98.4, 49	`hsl(240.2,98.4%,49%)`
HSV (or HSB)	240.2°, 99.2, 97.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.437, 77.239, -105.369
XYZ	16.999, 6.839, 89.226
xyY	0.15, 0.06, 6.839
CIE-LCH	31.437, 130.647, 306.242
CIE-LUV	31.437, -9.095, -126.446
Hunter-Lab	26.151, 70.268, -183.989
Binary	00000011, 00000010, 11111000

#0302f8
```
#0302f8 rgb(3,2,248)
```
#f7f802
```
#f7f802 rgb(247,248,2)
```

Complementary Color

#027cf8
```
#027cf8 rgb(2,124,248)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```
#7e02f8
```
#7e02f8 rgb(126,2,248)
```

Analogous Color

#7cf802
```
#7cf802 rgb(124,248,2)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```
#f87e02
```
#f87e02 rgb(248,126,2)
```

Split Complementary Color

#02f803
```
#02f803 rgb(2,248,3)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```
#f80302
```
#f80302 rgb(248,3,2)
```

Triadic Color

#02f7f8
```
#02f7f8 rgb(2,247,248)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```
#f80302
```
#f80302 rgb(248,3,2)
```
#f7f802
```
#f7f802 rgb(247,248,2)
```

Tetradic Color

#0201ac
```
#0201ac rgb(2,1,172)
```
#0202c5
```
#0202c5 rgb(2,2,197)
```
#0302df
```
#0302df rgb(3,2,223)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```
#1716fd
```
#1716fd rgb(23,22,253)
```
#3130fd
```
#3130fd rgb(49,48,253)
```
#4a49fe
```
#4a49fe rgb(74,73,254)
```

Monochromatic Color

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

#023ff8
```
#023ff8 rgb(2,63,248)
```
#022af8
```
#022af8 rgb(2,42,248)
```
#0216f8
```
#0216f8 rgb(2,22,248)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```
#1802f8
```
#1802f8 rgb(24,2,248)
```
#2c02f8
```
#2c02f8 rgb(44,2,248)
```
#4102f8
```
#4102f8 rgb(65,2,248)
```

Similar Colors

Text with hexadecimal color #0302f8

This text has a font color of #0302f8.

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

#0302f8 background color

This paragraph has a background color of #0302f8.

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

#0302f8 border color

This element has a border color of #0302f8.

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

CSS codes

.text {color:#0302f8;}

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

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

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 #fafaff is the lightest one.

#00000e
```
#00000e rgb(0,0,14)
```
#000022
```
#000022 rgb(0,0,34)
```
#010035
```
#010035 rgb(1,0,53)
```
#010149
```
#010149 rgb(1,1,73)
```
#01015c
```
#01015c rgb(1,1,92)
```
#010170
```
#010170 rgb(1,1,112)
```
#020183
```
#020183 rgb(2,1,131)
```
#020197
```
#020197 rgb(2,1,151)
```
#0201aa
```
#0201aa rgb(2,1,170)
```
#0202be
```
#0202be rgb(2,2,190)
```
#0302d1
```
#0302d1 rgb(3,2,209)
```
#0302e5
```
#0302e5 rgb(3,2,229)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```

Shade Color Variation

#1211fd
```
#1211fd rgb(18,17,253)
```
#2524fd
```
#2524fd rgb(37,36,253)
```
#3837fd
```
#3837fd rgb(56,55,253)
```
#4c4bfe
```
#4c4bfe rgb(76,75,254)
```
#5f5efe
```
#5f5efe rgb(95,94,254)
```
#7272fe
```
#7272fe rgb(114,114,254)
```
#8685fe
```
#8685fe rgb(134,133,254)
```
#9999fe
```
#9999fe rgb(153,153,254)
```
#adacfe
```
#adacfe rgb(173,172,254)
```
#c0c0fe
```
#c0c0fe rgb(192,192,254)
```
#d3d3ff
```
#d3d3ff rgb(211,211,255)
```
#e7e7ff
```
#e7e7ff rgb(231,231,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#757585
```
#757585 rgb(117,117,133)
```
#6c6c8e
```
#6c6c8e rgb(108,108,142)
```
#626298
```
#626298 rgb(98,98,152)
```
#5959a1
```
#5959a1 rgb(89,89,161)
```
#4f4fab
```
#4f4fab rgb(79,79,171)
```
#4645b5
```
#4645b5 rgb(70,69,181)
```
#3c3cbe
```
#3c3cbe rgb(60,60,190)
```
#3332c8
```
#3332c8 rgb(51,50,200)
```
#2928d2
```
#2928d2 rgb(41,40,210)
```
#201fdb
```
#201fdb rgb(32,31,219)
```
#1615e5
```
#1615e5 rgb(22,21,229)
```
#0d0cee
```
#0d0cee rgb(13,12,238)
```
#0302f8
```
#0302f8 rgb(3,2,248)
```

Tone Color Variation

Below, you can see how #0302f8 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
#19184a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0134be Protanomaly 1% of men, 0.01% of women
#0137b0 Deuteranomaly 6% of men, 0.4% of women
#013b96 Tritanomaly 0.01% of the population

#0302f8 hex color

#0302f8 Color Information

#0302f8 Color Conversion

Color Schemes with #0302f8

Alternatives to #0302f8

#0302f8 Preview

Shades and Tints of #0302f8

Tones of #0302f8

Color Blindness Simulator