#0302d4 hex color

In a RGB color space, hex #0302d4 is composed of 1.2% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 99.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 240.3 degrees, a saturation of 98.1% and a lightness of 42%. #0302d4 color hex could be obtained by blending #0604ff with #0000a9. Closest websafe color is: #0000cc.

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

● #0302d4 color description : Strong blue.

The hexadecimal color #0302d4 has RGB values of R:3, G:2, B:212 and CMYK values of C:0.99, M:0.99, Y:0, K:0.17. Its decimal value is 197332.

Hex triplet	0302d4	`#0302d4`
RGB Decimal	3, 2, 212	`rgb(3,2,212)`
RGB Percent	1.2, 0.8, 83.1	`rgb(1.2%,0.8%,83.1%)`
CMYK	99, 99, 0, 17
HSL	240.3°, 98.1, 42	`hsl(240.3,98.1%,42%)`
HSV (or HSB)	240.3°, 99.1, 83.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	26.202, 68.513, -93.527
XYZ	11.941, 4.815, 62.584
xyY	0.15, 0.061, 4.815
CIE-LCH	26.202, 115.937, 306.225
CIE-LUV	26.202, -7.559, -105.24
Hunter-Lab	21.944, 58.728, -153.735
Binary	00000011, 00000010, 11010100

#0302d4
```
#0302d4 rgb(3,2,212)
```
#d3d402
```
#d3d402 rgb(211,212,2)
```

Complementary Color

#026ad4
```
#026ad4 rgb(2,106,212)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#6c02d4
```
#6c02d4 rgb(108,2,212)
```

Analogous Color

#6ad402
```
#6ad402 rgb(106,212,2)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#d46c02
```
#d46c02 rgb(212,108,2)
```

Split Complementary Color

#02d403
```
#02d403 rgb(2,212,3)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#d40302
```
#d40302 rgb(212,3,2)
```

Triadic Color

#02d3d4
```
#02d3d4 rgb(2,211,212)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#d40302
```
#d40302 rgb(212,3,2)
```
#d3d402
```
#d3d402 rgb(211,212,2)
```

Tetradic Color

#020188
```
#020188 rgb(2,1,136)
```
#0202a1
```
#0202a1 rgb(2,2,161)
```
#0302bb
```
#0302bb rgb(3,2,187)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#0302ed
```
#0302ed rgb(3,2,237)
```
#0d0cfd
```
#0d0cfd rgb(13,12,253)
```
#2726fd
```
#2726fd rgb(39,38,253)
```

Monochromatic Color

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

#0236d4
```
#0236d4 rgb(2,54,212)
```
#0224d4
```
#0224d4 rgb(2,36,212)
```
#0212d4
```
#0212d4 rgb(2,18,212)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#1502d4
```
#1502d4 rgb(21,2,212)
```
#2602d4
```
#2602d4 rgb(38,2,212)
```
#3802d4
```
#3802d4 rgb(56,2,212)
```

Similar Colors

Text with hexadecimal color #0302d4

This text has a font color of #0302d4.

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

#0302d4 background color

This paragraph has a background color of #0302d4.

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

#0302d4 border color

This element has a border color of #0302d4.

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

CSS codes

.text {color:#0302d4;}

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

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

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

#000012
```
#000012 rgb(0,0,18)
```
#010025
```
#010025 rgb(1,0,37)
```
#010139
```
#010139 rgb(1,1,57)
```
#01014c
```
#01014c rgb(1,1,76)
```
#01015f
```
#01015f rgb(1,1,95)
```
#020173
```
#020173 rgb(2,1,115)
```
#020186
```
#020186 rgb(2,1,134)
```
#02019a
```
#02019a rgb(2,1,154)
```
#0202ad
```
#0202ad rgb(2,2,173)
```
#0302c1
```
#0302c1 rgb(3,2,193)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```
#0302e7
```
#0302e7 rgb(3,2,231)
```
#0402fb
```
#0402fb rgb(4,2,251)
```

Shade Color Variation

#1514fd
```
#1514fd rgb(21,20,253)
```
#2927fd
```
#2927fd rgb(41,39,253)
```
#3c3bfd
```
#3c3bfd rgb(60,59,253)
```
#4f4efd
```
#4f4efd rgb(79,78,253)
```
#6362fe
```
#6362fe rgb(99,98,254)
```
#7675fe
```
#7675fe rgb(118,117,254)
```
#8989fe
```
#8989fe rgb(137,137,254)
```
#9d9cfe
```
#9d9cfe rgb(157,156,254)
```
#b0b0fe
```
#b0b0fe rgb(176,176,254)
```
#c3c3fe
```
#c3c3fe rgb(195,195,254)
```
#d7d6ff
```
#d7d6ff rgb(215,214,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#656571
```
#656571 rgb(101,101,113)
```
#5d5d79
```
#5d5d79 rgb(93,93,121)
```
#555482
```
#555482 rgb(85,84,130)
```
#4c4c8a
```
#4c4c8a rgb(76,76,138)
```
#444492
```
#444492 rgb(68,68,146)
```
#3c3c9a
```
#3c3c9a rgb(60,60,154)
```
#3433a3
```
#3433a3 rgb(52,51,163)
```
#2c2bab
```
#2c2bab rgb(44,43,171)
```
#2423b3
```
#2423b3 rgb(36,35,179)
```
#1b1bbb
```
#1b1bbb rgb(27,27,187)
```
#1312c4
```
#1312c4 rgb(19,18,196)
```
#0b0acc
```
#0b0acc rgb(11,10,204)
```
#0302d4
```
#0302d4 rgb(3,2,212)
```

Tone Color Variation

Below, you can see how #0302d4 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

#1a1a1a Achromatopsia 0.005% of the population
#15153f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004687 Protanopia 1% of men
#004a74 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#012da3 Protanomaly 1% of men, 0.01% of women
#013097 Deuteranomaly 6% of men, 0.4% of women
#013381 Tritanomaly 0.01% of the population

#0302d4 hex color

#0302d4 Color Information

#0302d4 Color Conversion

Color Schemes with #0302d4

Alternatives to #0302d4

#0302d4 Preview

Shades and Tints of #0302d4

Tones of #0302d4

Color Blindness Simulator