#302cdb hex color

In a RGB color space, hex #302cdb is composed of 18.8% red, 17.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 79.9% magenta, 0% yellow and 14.1% black. It has a hue angle of 241.4 degrees, a saturation of 70.9% and a lightness of 51.6%. #302cdb color hex could be obtained by blending #6058ff with #0000b7. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 17
- B 86
RGB color chart
- C 78
- M 80
- Y 0
- K 14
CMYK color chart

● #302cdb color description : Bright blue.

The hexadecimal color #302cdb has RGB values of R:48, G:44, B:219 and CMYK values of C:0.78, M:0.8, Y:0, K:0.14. Its decimal value is 3157211.

Hex triplet	302cdb	`#302cdb`
RGB Decimal	48, 44, 219	`rgb(48,44,219)`
RGB Percent	18.8, 17.3, 85.9	`rgb(18.8%,17.3%,85.9%)`
CMYK	78, 80, 0, 14
HSL	241.4°, 70.9, 51.6	`hsl(241.4,70.9%,51.6%)`
HSV (or HSB)	241.4°, 79.9, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.013, 58.357, -86.184
XYZ	14.903, 7.543, 67.685
xyY	0.165, 0.084, 7.543
CIE-LCH	33.013, 104.083, 304.102
CIE-LUV	33.013, -7.638, -112.999
Hunter-Lab	27.465, 48.795, -126.888
Binary	00110000, 00101100, 11011011

#302cdb
```
#302cdb rgb(48,44,219)
```
#d7db2c
```
#d7db2c rgb(215,219,44)
```

Complementary Color

#2c80db
```
#2c80db rgb(44,128,219)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#882cdb
```
#882cdb rgb(136,44,219)
```

Analogous Color

#80db2c
```
#80db2c rgb(128,219,44)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#db882c
```
#db882c rgb(219,136,44)
```

Split Complementary Color

#2cdb30
```
#2cdb30 rgb(44,219,48)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#db302c
```
#db302c rgb(219,48,44)
```

Triadic Color

#2cd7db
```
#2cd7db rgb(44,215,219)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#db302c
```
#db302c rgb(219,48,44)
```
#d7db2c
```
#d7db2c rgb(215,219,44)
```

Tetradic Color

#1e1b9f
```
#1e1b9f rgb(30,27,159)
```
#221fb5
```
#221fb5 rgb(34,31,181)
```
#2623cb
```
#2623cb rgb(38,35,203)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#4542df
```
#4542df rgb(69,66,223)
```
#5b58e2
```
#5b58e2 rgb(91,88,226)
```
#706de6
```
#706de6 rgb(112,109,230)
```

Monochromatic Color

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

#2c54db
```
#2c54db rgb(44,84,219)
```
#2c45db
```
#2c45db rgb(44,69,219)
```
#2c37db
```
#2c37db rgb(44,55,219)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#3f2cdb
```
#3f2cdb rgb(63,44,219)
```
#4d2cdb
```
#4d2cdb rgb(77,44,219)
```
#5c2cdb
```
#5c2cdb rgb(92,44,219)
```

Similar Colors

Text with hexadecimal color #302cdb

This text has a font color of #302cdb.

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

#302cdb background color

This paragraph has a background color of #302cdb.

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

#302cdb border color

This element has a border color of #302cdb.

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

CSS codes

.text {color:#302cdb;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040418
```
#040418 rgb(4,4,24)
```
#080728
```
#080728 rgb(8,7,40)
```
#0b0a39
```
#0b0a39 rgb(11,10,57)
```
#0e0d4a
```
#0e0d4a rgb(14,13,74)
```
#110f5b
```
#110f5b rgb(17,15,91)
```
#14126b
```
#14126b rgb(20,18,107)
```
#18157c
```
#18157c rgb(24,21,124)
```
#1b188d
```
#1b188d rgb(27,24,141)
```
#1e1b9e
```
#1e1b9e rgb(30,27,158)
```
#211eae
```
#211eae rgb(33,30,174)
```
#2421bf
```
#2421bf rgb(36,33,191)
```
#2723d0
```
#2723d0 rgb(39,35,208)
```

Shade Color Variation

#302cdb
```
#302cdb rgb(48,44,219)
```
#403dde
```
#403dde rgb(64,61,222)
```
#514ee1
```
#514ee1 rgb(81,78,225)
```
#615ee4
```
#615ee4 rgb(97,94,228)
```
#726fe6
```
#726fe6 rgb(114,111,230)
```
#8280e9
```
#8280e9 rgb(130,128,233)
```
#9391ec
```
#9391ec rgb(147,145,236)
```
#a3a1ef
```
#a3a1ef rgb(163,161,239)
```
#b4b2f2
```
#b4b2f2 rgb(180,178,242)
```
#c4c3f5
```
#c4c3f5 rgb(196,195,245)
```
#d4d4f8
```
#d4d4f8 rgb(212,212,248)
```
#e5e4fa
```
#e5e4fa rgb(229,228,250)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#828286
```
#828286 rgb(130,130,134)
```
#79788f
```
#79788f rgb(121,120,143)
```
#6f6f99
```
#6f6f99 rgb(111,111,153)
```
#6665a2
```
#6665a2 rgb(102,101,162)
```
#5d5cac
```
#5d5cac rgb(93,92,172)
```
#5452b5
```
#5452b5 rgb(84,82,181)
```
#4b49bf
```
#4b49bf rgb(75,73,191)
```
#423fc8
```
#423fc8 rgb(66,63,200)
```
#3936d2
```
#3936d2 rgb(57,54,210)
```
#302cdb
```
#302cdb rgb(48,44,219)
```
#2723e5
```
#2723e5 rgb(39,35,229)
```
#1e19ee
```
#1e19ee rgb(30,25,238)
```
#150ff8
```
#150ff8 rgb(21,15,248)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e3d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1145b7 Protanomaly 1% of men, 0.01% of women
#1148a9 Deuteranomaly 6% of men, 0.4% of women
#114c8f Tritanomaly 0.01% of the population

#302cdb hex color

#302cdb Color Information

#302cdb Color Conversion

Color Schemes with #302cdb

Alternatives to #302cdb

#302cdb Preview

Shades and Tints of #302cdb

Tones of #302cdb

Color Blindness Simulator