#302dae hex color

In a RGB color space, hex #302dae is composed of 18.8% red, 17.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 74.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 241.4 degrees, a saturation of 58.9% and a lightness of 42.9%. #302dae color hex could be obtained by blending #605aff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 18
- B 68
RGB color chart
- C 72
- M 74
- Y 0
- K 32
CMYK color chart

● #302dae color description : Dark blue.

The hexadecimal color #302dae has RGB values of R:48, G:45, B:174 and CMYK values of C:0.72, M:0.74, Y:0, K:0.32. Its decimal value is 3157422.

Hex triplet	302dae	`#302dae`
RGB Decimal	48, 45, 174	`rgb(48,45,174)`
RGB Percent	18.8, 17.6, 68.2	`rgb(18.8%,17.6%,68.2%)`
CMYK	72, 74, 0, 32
HSL	241.4°, 58.9, 42.9	`hsl(241.4,58.9%,42.9%)`
HSV (or HSB)	241.4°, 74.1, 68.2
Web Safe	333399	`#333399`

CIE-LAB	28.276, 43.582, -67.614
XYZ	9.796, 5.561, 40.599
xyY	0.175, 0.099, 5.561
CIE-LCH	28.276, 80.443, 302.804
CIE-LUV	28.276, -5.732, -86.592
Hunter-Lab	23.581, 32.884, -85.573
Binary	00110000, 00101101, 10101110

#302dae
```
#302dae rgb(48,45,174)
```
#abae2d
```
#abae2d rgb(171,174,45)
```

Complementary Color

#2d6bae
```
#2d6bae rgb(45,107,174)
```
#302dae
```
#302dae rgb(48,45,174)
```
#712dae
```
#712dae rgb(113,45,174)
```

Analogous Color

#6bae2d
```
#6bae2d rgb(107,174,45)
```
#302dae
```
#302dae rgb(48,45,174)
```
#ae712d
```
#ae712d rgb(174,113,45)
```

Split Complementary Color

#2dae30
```
#2dae30 rgb(45,174,48)
```
#302dae
```
#302dae rgb(48,45,174)
```
#ae302d
```
#ae302d rgb(174,48,45)
```

Triadic Color

#2dabae
```
#2dabae rgb(45,171,174)
```
#302dae
```
#302dae rgb(48,45,174)
```
#ae302d
```
#ae302d rgb(174,48,45)
```
#abae2d
```
#abae2d rgb(171,174,45)
```

Tetradic Color

#1f1d71
```
#1f1d71 rgb(31,29,113)
```
#252385
```
#252385 rgb(37,35,133)
```
#2a289a
```
#2a289a rgb(42,40,154)
```
#302dae
```
#302dae rgb(48,45,174)
```
#3632c2
```
#3632c2 rgb(54,50,194)
```
#4440ce
```
#4440ce rgb(68,64,206)
```
#5855d3
```
#5855d3 rgb(88,85,211)
```

Monochromatic Color

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

#2d4aae
```
#2d4aae rgb(45,74,174)
```
#2d40ae
```
#2d40ae rgb(45,64,174)
```
#2d35ae
```
#2d35ae rgb(45,53,174)
```
#302dae
```
#302dae rgb(48,45,174)
```
#3b2dae
```
#3b2dae rgb(59,45,174)
```
#452dae
```
#452dae rgb(69,45,174)
```
#502dae
```
#502dae rgb(80,45,174)
```

Similar Colors

Text with hexadecimal color #302dae

This text has a font color of #302dae.

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

#302dae background color

This paragraph has a background color of #302dae.

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

#302dae border color

This element has a border color of #302dae.

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

CSS codes

.text {color:#302dae;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050512
```
#050512 rgb(5,5,18)
```
#090922
```
#090922 rgb(9,9,34)
```
#0e0d31
```
#0e0d31 rgb(14,13,49)
```
#121141
```
#121141 rgb(18,17,65)
```
#161550
```
#161550 rgb(22,21,80)
```
#1b1960
```
#1b1960 rgb(27,25,96)
```
#1f1d70
```
#1f1d70 rgb(31,29,112)
```
#23217f
```
#23217f rgb(35,33,127)
```
#27258f
```
#27258f rgb(39,37,143)
```
#2c299e
```
#2c299e rgb(44,41,158)
```
#302dae
```
#302dae rgb(48,45,174)
```
#3431be
```
#3431be rgb(52,49,190)
```

Shade Color Variation

#3a37cb
```
#3a37cb rgb(58,55,203)
```
#4a47cf
```
#4a47cf rgb(74,71,207)
```
#5956d3
```
#5956d3 rgb(89,86,211)
```
#6866d7
```
#6866d7 rgb(104,102,215)
```
#7875db
```
#7875db rgb(120,117,219)
```
#8785df
```
#8785df rgb(135,133,223)
```
#9694e3
```
#9694e3 rgb(150,148,227)
```
#a6a4e7
```
#a6a4e7 rgb(166,164,231)
```
#b5b4ec
```
#b5b4ec rgb(181,180,236)
```
#c4c3f0
```
#c4c3f0 rgb(196,195,240)
```
#d4d3f4
```
#d4d3f4 rgb(212,211,244)
```
#e3e2f8
```
#e3e2f8 rgb(227,226,248)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

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

#686873
```
#686873 rgb(104,104,115)
```
#60607b
```
#60607b rgb(96,96,123)
```
#585784
```
#585784 rgb(88,87,132)
```
#504f8c
```
#504f8c rgb(80,79,140)
```
#484695
```
#484695 rgb(72,70,149)
```
#403e9d
```
#403e9d rgb(64,62,157)
```
#3835a6
```
#3835a6 rgb(56,53,166)
```
#302dae
```
#302dae rgb(48,45,174)
```
#2825b6
```
#2825b6 rgb(40,37,182)
```
#201cbf
```
#201cbf rgb(32,28,191)
```
#1814c7
```
#1814c7 rgb(24,20,199)
```
#100bd0
```
#100bd0 rgb(16,11,208)
```
#0803d8
```
#0803d8 rgb(8,3,216)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#005458 Tritanopia 0.001% of the population

Trichromacy

#113f9b Protanomaly 1% of men, 0.01% of women
#11428f Deuteranomaly 6% of men, 0.4% of women
#114577 Tritanomaly 0.01% of the population

#302dae hex color

#302dae Color Information

#302dae Color Conversion

Color Schemes with #302dae

Alternatives to #302dae

#302dae Preview

Shades and Tints of #302dae

Tones of #302dae

Color Blindness Simulator