#0302b4 hex color

In a RGB color space, hex #0302b4 is composed of 1.2% red, 0.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 98.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 240.3 degrees, a saturation of 97.8% and a lightness of 35.7%. #0302b4 color hex could be obtained by blending #0604ff with #000069. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 1
- B 71
RGB color chart
- C 98
- M 99
- Y 0
- K 29
CMYK color chart

● #0302b4 color description : Strong blue.

The hexadecimal color #0302b4 has RGB values of R:3, G:2, B:180 and CMYK values of C:0.98, M:0.99, Y:0, K:0.29. Its decimal value is 197300.

Hex triplet	0302b4	`#0302b4`
RGB Decimal	3, 2, 180	`rgb(3,2,180)`
RGB Percent	1.2, 0.8, 70.6	`rgb(1.2%,0.8%,70.6%)`
CMYK	98, 99, 0, 29
HSL	240.3°, 97.8, 35.7	`hsl(240.3,97.8%,35.7%)`
HSV (or HSB)	240.3°, 98.9, 70.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	21.422, 60.49, -82.655
XYZ	8.296, 3.357, 43.388
xyY	0.151, 0.061, 3.357
CIE-LCH	21.422, 102.424, 306.198
CIE-LUV	21.422, -6.155, -85.859
Hunter-Lab	18.323, 48.75, -127.569
Binary	00000011, 00000010, 10110100

#0302b4
```
#0302b4 rgb(3,2,180)
```
#b3b402
```
#b3b402 rgb(179,180,2)
```

Complementary Color

#025ab4
```
#025ab4 rgb(2,90,180)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#5c02b4
```
#5c02b4 rgb(92,2,180)
```

Analogous Color

#5ab402
```
#5ab402 rgb(90,180,2)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#b45c02
```
#b45c02 rgb(180,92,2)
```

Split Complementary Color

#02b403
```
#02b403 rgb(2,180,3)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#b40302
```
#b40302 rgb(180,3,2)
```

Triadic Color

#02b3b4
```
#02b3b4 rgb(2,179,180)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#b40302
```
#b40302 rgb(180,3,2)
```
#b3b402
```
#b3b402 rgb(179,180,2)
```

Tetradic Color

#020168
```
#020168 rgb(2,1,104)
```
#020182
```
#020182 rgb(2,1,130)
```
#03029b
```
#03029b rgb(3,2,155)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#0302cd
```
#0302cd rgb(3,2,205)
```
#0403e6
```
#0403e6 rgb(4,3,230)
```
#0806fc
```
#0806fc rgb(8,6,252)
```

Monochromatic Color

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

#022db4
```
#022db4 rgb(2,45,180)
```
#021fb4
```
#021fb4 rgb(2,31,180)
```
#0210b4
```
#0210b4 rgb(2,16,180)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#1202b4
```
#1202b4 rgb(18,2,180)
```
#2102b4
```
#2102b4 rgb(33,2,180)
```
#2f02b4
```
#2f02b4 rgb(47,2,180)
```

Similar Colors

Text with hexadecimal color #0302b4

This text has a font color of #0302b4.

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

#0302b4 background color

This paragraph has a background color of #0302b4.

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

#0302b4 border color

This element has a border color of #0302b4.

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

CSS codes

.text {color:#0302b4;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000019
```
#000019 rgb(0,0,25)
```
#01002c
```
#01002c rgb(1,0,44)
```
#010140
```
#010140 rgb(1,1,64)
```
#010153
```
#010153 rgb(1,1,83)
```
#020166
```
#020166 rgb(2,1,102)
```
#02017a
```
#02017a rgb(2,1,122)
```
#02028d
```
#02028d rgb(2,2,141)
```
#0302a1
```
#0302a1 rgb(3,2,161)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```
#0302c7
```
#0302c7 rgb(3,2,199)
```
#0402db
```
#0402db rgb(4,2,219)
```
#0403ee
```
#0403ee rgb(4,3,238)
```

Shade Color Variation

#0a08fc
```
#0a08fc rgb(10,8,252)
```
#1d1cfc
```
#1d1cfc rgb(29,28,252)
```
#302ffd
```
#302ffd rgb(48,47,253)
```
#4342fd
```
#4342fd rgb(67,66,253)
```
#5756fd
```
#5756fd rgb(87,86,253)
```
#6a69fd
```
#6a69fd rgb(106,105,253)
```
#7d7dfe
```
#7d7dfe rgb(125,125,254)
```
#9190fe
```
#9190fe rgb(145,144,254)
```
#a4a3fe
```
#a4a3fe rgb(164,163,254)
```
#b7b7fe
```
#b7b7fe rgb(183,183,254)
```
#cacafe
```
#cacafe rgb(202,202,254)
```
#dedeff
```
#dedeff rgb(222,222,255)
```
#f1f1ff
```
#f1f1ff rgb(241,241,255)
```

Tint Color Variation

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

#565660
```
#565660 rgb(86,86,96)
```
#4f4f67
```
#4f4f67 rgb(79,79,103)
```
#48486e
```
#48486e rgb(72,72,110)
```
#414175
```
#414175 rgb(65,65,117)
```
#3a3a7c
```
#3a3a7c rgb(58,58,124)
```
#333383
```
#333383 rgb(51,51,131)
```
#2d2c8a
```
#2d2c8a rgb(45,44,138)
```
#262591
```
#262591 rgb(38,37,145)
```
#1f1e98
```
#1f1e98 rgb(31,30,152)
```
#18179f
```
#18179f rgb(24,23,159)
```
#1110a6
```
#1110a6 rgb(17,16,166)
```
#0a09ad
```
#0a09ad rgb(10,9,173)
```
#0302b4
```
#0302b4 rgb(3,2,180)
```

Tone Color Variation

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

#171717 Achromatopsia 0.005% of the population
#131336 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004446 Tritanopia 0.001% of the population

Trichromacy

#01278b Protanomaly 1% of men, 0.01% of women
#012981 Deuteranomaly 6% of men, 0.4% of women
#012c6e Tritanomaly 0.01% of the population

#0302b4 hex color

#0302b4 Color Information

#0302b4 Color Conversion

Color Schemes with #0302b4

Alternatives to #0302b4

#0302b4 Preview

Shades and Tints of #0302b4

Tones of #0302b4

Color Blindness Simulator