#0302da hex color

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

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

● #0302da color description : Vivid blue.

The hexadecimal color #0302da has RGB values of R:3, G:2, B:218 and CMYK values of C:0.99, M:0.99, Y:0, K:0.15. Its decimal value is 197338.

Hex triplet	0302da	`#0302da`
RGB Decimal	3, 2, 218	`rgb(3,2,218)`
RGB Percent	1.2, 0.8, 85.5	`rgb(1.2%,0.8%,85.5%)`
CMYK	99, 99, 0, 15
HSL	240.3°, 98.2, 43.1	`hsl(240.3,98.2%,43.1%)`
HSV (or HSB)	240.3°, 99.1, 85.5
Web Safe	0000cc	`#0000cc`

CIE-LAB	27.084, 69.988, -95.527
XYZ	12.712, 5.124, 66.645
xyY	0.15, 0.061, 5.124
CIE-LCH	27.084, 118.422, 306.228
CIE-LUV	27.084, -7.818, -108.816
Hunter-Lab	22.636, 60.629, -158.719
Binary	00000011, 00000010, 11011010

#0302da
```
#0302da rgb(3,2,218)
```
#d9da02
```
#d9da02 rgb(217,218,2)
```

Complementary Color

#026dda
```
#026dda rgb(2,109,218)
```
#0302da
```
#0302da rgb(3,2,218)
```
#6f02da
```
#6f02da rgb(111,2,218)
```

Analogous Color

#6dda02
```
#6dda02 rgb(109,218,2)
```
#0302da
```
#0302da rgb(3,2,218)
```
#da6f02
```
#da6f02 rgb(218,111,2)
```

Split Complementary Color

#02da03
```
#02da03 rgb(2,218,3)
```
#0302da
```
#0302da rgb(3,2,218)
```
#da0302
```
#da0302 rgb(218,3,2)
```

Triadic Color

#02d9da
```
#02d9da rgb(2,217,218)
```
#0302da
```
#0302da rgb(3,2,218)
```
#da0302
```
#da0302 rgb(218,3,2)
```
#d9da02
```
#d9da02 rgb(217,218,2)
```

Tetradic Color

#02018e
```
#02018e rgb(2,1,142)
```
#0202a7
```
#0202a7 rgb(2,2,167)
```
#0302c1
```
#0302c1 rgb(3,2,193)
```
#0302da
```
#0302da rgb(3,2,218)
```
#0302f3
```
#0302f3 rgb(3,2,243)
```
#1312fd
```
#1312fd rgb(19,18,253)
```
#2c2bfd
```
#2c2bfd rgb(44,43,253)
```

Monochromatic Color

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

#0237da
```
#0237da rgb(2,55,218)
```
#0225da
```
#0225da rgb(2,37,218)
```
#0213da
```
#0213da rgb(2,19,218)
```
#0302da
```
#0302da rgb(3,2,218)
```
#1502da
```
#1502da rgb(21,2,218)
```
#2702da
```
#2702da rgb(39,2,218)
```
#3902da
```
#3902da rgb(57,2,218)
```

Similar Colors

Text with hexadecimal color #0302da

This text has a font color of #0302da.

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

#0302da background color

This paragraph has a background color of #0302da.

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

#0302da border color

This element has a border color of #0302da.

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

CSS codes

.text {color:#0302da;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000018
```
#000018 rgb(0,0,24)
```
#01002b
```
#01002b rgb(1,0,43)
```
#01013f
```
#01013f rgb(1,1,63)
```
#010152
```
#010152 rgb(1,1,82)
```
#010165
```
#010165 rgb(1,1,101)
```
#020179
```
#020179 rgb(2,1,121)
```
#02018c
```
#02018c rgb(2,1,140)
```
#0201a0
```
#0201a0 rgb(2,1,160)
```
#0202b3
```
#0202b3 rgb(2,2,179)
```
#0302c7
```
#0302c7 rgb(3,2,199)
```
#0302da
```
#0302da rgb(3,2,218)
```
#0302ed
```
#0302ed rgb(3,2,237)
```

Shade Color Variation

#0807fd
```
#0807fd rgb(8,7,253)
```
#1b1afd
```
#1b1afd rgb(27,26,253)
```
#2e2dfd
```
#2e2dfd rgb(46,45,253)
```
#4241fd
```
#4241fd rgb(66,65,253)
```
#5554fd
```
#5554fd rgb(85,84,253)
```
#6868fe
```
#6868fe rgb(104,104,254)
```
#7c7bfe
```
#7c7bfe rgb(124,123,254)
```
#8f8ffe
```
#8f8ffe rgb(143,143,254)
```
#a2a2fe
```
#a2a2fe rgb(162,162,254)
```
#b6b5fe
```
#b6b5fe rgb(182,181,254)
```
#c9c9ff
```
#c9c9ff rgb(201,201,255)
```
#dcdcff
```
#dcdcff rgb(220,220,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#686874
```
#686874 rgb(104,104,116)
```
#5f5f7d
```
#5f5f7d rgb(95,95,125)
```
#575785
```
#575785 rgb(87,87,133)
```
#4e4e8e
```
#4e4e8e rgb(78,78,142)
```
#464696
```
#464696 rgb(70,70,150)
```
#3e3d9f
```
#3e3d9f rgb(62,61,159)
```
#3535a7
```
#3535a7 rgb(53,53,167)
```
#2d2cb0
```
#2d2cb0 rgb(45,44,176)
```
#2524b8
```
#2524b8 rgb(37,36,184)
```
#1c1bc1
```
#1c1bc1 rgb(28,27,193)
```
#1413c9
```
#1413c9 rgb(20,19,201)
```
#0b0ad2
```
#0b0ad2 rgb(11,10,210)
```
#0302da
```
#0302da rgb(3,2,218)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#161641 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004c77 Deuteranopia 1% of men
#005154 Tritanopia 0.001% of the population

Trichromacy

#012ea7 Protanomaly 1% of men, 0.01% of women
#01319b Deuteranomaly 6% of men, 0.4% of women
#013484 Tritanomaly 0.01% of the population

#0302da hex color

#0302da Color Information

#0302da Color Conversion

Color Schemes with #0302da

Alternatives to #0302da

#0302da Preview

Shades and Tints of #0302da

Tones of #0302da

Color Blindness Simulator