#302dfb hex color

In a RGB color space, hex #302dfb is composed of 18.8% red, 17.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 82.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 240.9 degrees, a saturation of 96.3% and a lightness of 58%. #302dfb color hex could be obtained by blending #605aff with #0000f7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 18
- B 98
RGB color chart
- C 81
- M 82
- Y 0
- K 2
CMYK color chart

● #302dfb color description : Bright blue.

The hexadecimal color #302dfb has RGB values of R:48, G:45, B:251 and CMYK values of C:0.81, M:0.82, Y:0, K:0.02. Its decimal value is 3157499.

Hex triplet	302dfb	`#302dfb`
RGB Decimal	48, 45, 251	`rgb(48,45,251)`
RGB Percent	18.8, 17.6, 98.4	`rgb(18.8%,17.6%,98.4%)`
CMYK	81, 82, 0, 2
HSL	240.9°, 96.3, 58	`hsl(240.9,96.3%,58%)`
HSV (or HSB)	240.9°, 82.1, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.872, 67.335, -97.959
XYZ	19.566, 9.469, 92.058
xyY	0.162, 0.078, 9.469
CIE-LCH	36.872, 118.869, 304.504
CIE-LUV	36.872, -9.135, -131.179
Hunter-Lab	30.771, 59.651, -155.836
Binary	00110000, 00101101, 11111011

#302dfb
```
#302dfb rgb(48,45,251)
```
#f8fb2d
```
#f8fb2d rgb(248,251,45)
```

Complementary Color

#2d91fb
```
#2d91fb rgb(45,145,251)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#972dfb
```
#972dfb rgb(151,45,251)
```

Analogous Color

#91fb2d
```
#91fb2d rgb(145,251,45)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#fb972d
```
#fb972d rgb(251,151,45)
```

Split Complementary Color

#2dfb30
```
#2dfb30 rgb(45,251,48)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#fb302d
```
#fb302d rgb(251,48,45)
```

Triadic Color

#2df8fb
```
#2df8fb rgb(45,248,251)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#fb302d
```
#fb302d rgb(251,48,45)
```
#f8fb2d
```
#f8fb2d rgb(248,251,45)
```

Tetradic Color

#0704d7
```
#0704d7 rgb(7,4,215)
```
#0805f0
```
#0805f0 rgb(8,5,240)
```
#1714fb
```
#1714fb rgb(23,20,251)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#4946fb
```
#4946fb rgb(73,70,251)
```
#615ffc
```
#615ffc rgb(97,95,252)
```
#7a78fc
```
#7a78fc rgb(122,120,252)
```

Monochromatic Color

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

#2d5efb
```
#2d5efb rgb(45,94,251)
```
#2d4cfb
```
#2d4cfb rgb(45,76,251)
```
#2d3bfb
```
#2d3bfb rgb(45,59,251)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#412dfb
```
#412dfb rgb(65,45,251)
```
#522dfb
```
#522dfb rgb(82,45,251)
```
#632dfb
```
#632dfb rgb(99,45,251)
```

Similar Colors

Text with hexadecimal color #302dfb

This text has a font color of #302dfb.

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

#302dfb background color

This paragraph has a background color of #302dfb.

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

#302dfb border color

This element has a border color of #302dfb.

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

CSS codes

.text {color:#302dfb;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010015
```
#010015 rgb(1,0,21)
```
#010128
```
#010128 rgb(1,1,40)
```
#02013b
```
#02013b rgb(2,1,59)
```
#03014f
```
#03014f rgb(3,1,79)
```
#030262
```
#030262 rgb(3,2,98)
```
#040275
```
#040275 rgb(4,2,117)
```
#050388
```
#050388 rgb(5,3,136)
```
#05039c
```
#05039c rgb(5,3,156)
```
#0603af
```
#0603af rgb(6,3,175)
```
#0604c2
```
#0604c2 rgb(6,4,194)
```
#0704d5
```
#0704d5 rgb(7,4,213)
```
#0804e9
```
#0804e9 rgb(8,4,233)
```

Shade Color Variation

#0a07fa
```
#0a07fa rgb(10,7,250)
```
#1d1afb
```
#1d1afb rgb(29,26,251)
```
#302dfb
```
#302dfb rgb(48,45,251)
```
#4340fb
```
#4340fb rgb(67,64,251)
```
#5653fc
```
#5653fc rgb(86,83,252)
```
#6967fc
```
#6967fc rgb(105,103,252)
```
#7c7afc
```
#7c7afc rgb(124,122,252)
```
#8f8dfd
```
#8f8dfd rgb(143,141,253)
```
#a2a0fd
```
#a2a0fd rgb(162,160,253)
```
#b5b4fe
```
#b5b4fe rgb(181,180,254)
```
#c8c7fe
```
#c8c7fe rgb(200,199,254)
```
#dbdafe
```
#dbdafe rgb(219,218,254)
```
#eeedff
```
#eeedff rgb(238,237,255)
```

Tint Color Variation

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

#909098
```
#909098 rgb(144,144,152)
```
#8888a0
```
#8888a0 rgb(136,136,160)
```
#807fa9
```
#807fa9 rgb(128,127,169)
```
#7877b1
```
#7877b1 rgb(120,119,177)
```
#706fb9
```
#706fb9 rgb(112,111,185)
```
#6867c1
```
#6867c1 rgb(104,103,193)
```
#605eca
```
#605eca rgb(96,94,202)
```
#5856d2
```
#5856d2 rgb(88,86,210)
```
#504eda
```
#504eda rgb(80,78,218)
```
#4846e2
```
#4846e2 rgb(72,70,226)
```
#403deb
```
#403deb rgb(64,61,235)
```
#3835f3
```
#3835f3 rgb(56,53,243)
```
#302dfb
```
#302dfb rgb(48,45,251)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#114bcd Protanomaly 1% of men, 0.01% of women
#114ebe Deuteranomaly 6% of men, 0.4% of women
#1153a1 Tritanomaly 0.01% of the population

#302dfb hex color

#302dfb Color Information

#302dfb Color Conversion

Color Schemes with #302dfb

Alternatives to #302dfb

#302dfb Preview

Shades and Tints of #302dfb

Tones of #302dfb

Color Blindness Simulator