#302bf2 hex color

In a RGB color space, hex #302bf2 is composed of 18.8% red, 16.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 82.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 241.5 degrees, a saturation of 88.4% and a lightness of 55.9%. #302bf2 color hex could be obtained by blending #6056ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 17
- B 95
RGB color chart
- C 80
- M 82
- Y 0
- K 5
CMYK color chart

● #302bf2 color description : Bright blue.

The hexadecimal color #302bf2 has RGB values of R:48, G:43, B:242 and CMYK values of C:0.8, M:0.82, Y:0, K:0.05. Its decimal value is 3156978.

Hex triplet	302bf2	`#302bf2`
RGB Decimal	48, 43, 242	`rgb(48,43,242)`
RGB Percent	18.8, 16.9, 94.9	`rgb(18.8%,16.9%,94.9%)`
CMYK	80, 82, 0, 5
HSL	241.5°, 88.4, 55.9	`hsl(241.5,88.4%,55.9%)`
HSV (or HSB)	241.5°, 82.2, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.529, 65.589, -95.121
XYZ	18.107, 8.766, 84.737
xyY	0.162, 0.079, 8.766
CIE-LCH	35.529, 115.542, 304.587
CIE-LUV	35.529, -8.535, -126.077
Hunter-Lab	29.607, 57.352, -148.967
Binary	00110000, 00101011, 11110010

#302bf2
```
#302bf2 rgb(48,43,242)
```
#edf22b
```
#edf22b rgb(237,242,43)
```

Complementary Color

#2b8af2
```
#2b8af2 rgb(43,138,242)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#942bf2
```
#942bf2 rgb(148,43,242)
```

Analogous Color

#8af22b
```
#8af22b rgb(138,242,43)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#f2942b
```
#f2942b rgb(242,148,43)
```

Split Complementary Color

#2bf230
```
#2bf230 rgb(43,242,48)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#f2302b
```
#f2302b rgb(242,48,43)
```

Triadic Color

#2bedf2
```
#2bedf2 rgb(43,237,242)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#f2302b
```
#f2302b rgb(242,48,43)
```
#edf22b
```
#edf22b rgb(237,242,43)
```

Tetradic Color

#110cc4
```
#110cc4 rgb(17,12,196)
```
#130edc
```
#130edc rgb(19,14,220)
```
#1913f1
```
#1913f1 rgb(25,19,241)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#4743f3
```
#4743f3 rgb(71,67,243)
```
#5f5bf5
```
#5f5bf5 rgb(95,91,245)
```
#7673f6
```
#7673f6 rgb(118,115,246)
```

Monochromatic Color

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

#2b58f2
```
#2b58f2 rgb(43,88,242)
```
#2b47f2
```
#2b47f2 rgb(43,71,242)
```
#2b37f2
```
#2b37f2 rgb(43,55,242)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#412bf2
```
#412bf2 rgb(65,43,242)
```
#512bf2
```
#512bf2 rgb(81,43,242)
```
#622bf2
```
#622bf2 rgb(98,43,242)
```

Similar Colors

Text with hexadecimal color #302bf2

This text has a font color of #302bf2.

<span style="color:#302bf2;">Text here</span>

#302bf2 background color

This paragraph has a background color of #302bf2.

<p style="background-color:#302bf2;">Content here</p>

#302bf2 border color

This element has a border color of #302bf2.

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

CSS codes

.text {color:#302bf2;}

.background {background-color:#302bf2;}

.border {border:1px solid #302bf2;}

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, #01010a is the darkest color, while #f7f6fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#02021c
```
#02021c rgb(2,2,28)
```
#04032f
```
#04032f rgb(4,3,47)
```
#060441
```
#060441 rgb(6,4,65)
```
#070554
```
#070554 rgb(7,5,84)
```
#090666
```
#090666 rgb(9,6,102)
```
#0a0779
```
#0a0779 rgb(10,7,121)
```
#0c098b
```
#0c098b rgb(12,9,139)
```
#0d0a9e
```
#0d0a9e rgb(13,10,158)
```
#0f0bb0
```
#0f0bb0 rgb(15,11,176)
```
#110cc3
```
#110cc3 rgb(17,12,195)
```
#120dd5
```
#120dd5 rgb(18,13,213)
```
#140ee8
```
#140ee8 rgb(20,14,232)
```

Shade Color Variation

#1e19f1
```
#1e19f1 rgb(30,25,241)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#423df3
```
#423df3 rgb(66,61,243)
```
#5450f4
```
#5450f4 rgb(84,80,244)
```
#6662f5
```
#6662f5 rgb(102,98,245)
```
#7875f7
```
#7875f7 rgb(120,117,247)
```
#8a87f8
```
#8a87f8 rgb(138,135,248)
```
#9c9af9
```
#9c9af9 rgb(156,154,249)
```
#aeacfa
```
#aeacfa rgb(174,172,250)
```
#c0bffb
```
#c0bffb rgb(192,191,251)
```
#d2d1fc
```
#d2d1fc rgb(210,209,252)
```
#e4e4fd
```
#e4e4fd rgb(228,228,253)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a93 is the less saturated color, while #2822fb is the most saturated one.

#8a8a93
```
#8a8a93 rgb(138,138,147)
```
#82829b
```
#82829b rgb(130,130,155)
```
#7a79a4
```
#7a79a4 rgb(122,121,164)
```
#7270ad
```
#7270ad rgb(114,112,173)
```
#6a68b5
```
#6a68b5 rgb(106,104,181)
```
#615fbe
```
#615fbe rgb(97,95,190)
```
#5956c7
```
#5956c7 rgb(89,86,199)
```
#514ecf
```
#514ecf rgb(81,78,207)
```
#4945d8
```
#4945d8 rgb(73,69,216)
```
#403ce1
```
#403ce1 rgb(64,60,225)
```
#3834e9
```
#3834e9 rgb(56,52,233)
```
#302bf2
```
#302bf2 rgb(48,43,242)
```
#2822fb
```
#2822fb rgb(40,34,251)
```

Tone Color Variation

Below, you can see how #302bf2 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

#434343 Achromatopsia 0.005% of the population
#3f3e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1148c6 Protanomaly 1% of men, 0.01% of women
#114cb7 Deuteranomaly 6% of men, 0.4% of women
#11509b Tritanomaly 0.01% of the population

#302bf2 hex color

#302bf2 Color Information

#302bf2 Color Conversion

Color Schemes with #302bf2

Alternatives to #302bf2

#302bf2 Preview

Shades and Tints of #302bf2

Tones of #302bf2

Color Blindness Simulator