#302a60 hex color

In a RGB color space, hex #302a60 is composed of 18.8% red, 16.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 56.3% magenta, 0% yellow and 62.4% black. It has a hue angle of 246.7 degrees, a saturation of 39.1% and a lightness of 27.1%. #302a60 color hex could be obtained by blending #6054c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 16
- B 38
RGB color chart
- C 50
- M 56
- Y 0
- K 62
CMYK color chart

● #302a60 color description : Very dark desaturated blue.

The hexadecimal color #302a60 has RGB values of R:48, G:42, B:96 and CMYK values of C:0.5, M:0.56, Y:0, K:0.62. Its decimal value is 3156576.

Hex triplet	302a60	`#302a60`
RGB Decimal	48, 42, 96	`rgb(48,42,96)`
RGB Percent	18.8, 16.5, 37.6	`rgb(18.8%,16.5%,37.6%)`
CMYK	50, 56, 0, 62
HSL	246.7°, 39.1, 27.1	`hsl(246.7,39.1%,27.1%)`
HSV (or HSB)	246.7°, 56.3, 37.6
Web Safe	333366	`#333366`

CIE-LAB	20.552, 18.623, -31.382
XYZ	4.158, 3.129, 11.451
xyY	0.222, 0.167, 3.129
CIE-LCH	20.552, 36.491, 300.686
CIE-LUV	20.552, -0.851, -37.075
Hunter-Lab	17.688, 11.004, -26
Binary	00110000, 00101010, 01100000

#302a60
```
#302a60 rgb(48,42,96)
```
#5a602a
```
#5a602a rgb(90,96,42)
```

Complementary Color

#2a3f60
```
#2a3f60 rgb(42,63,96)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#4b2a60
```
#4b2a60 rgb(75,42,96)
```

Analogous Color

#3f602a
```
#3f602a rgb(63,96,42)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#604b2a
```
#604b2a rgb(96,75,42)
```

Split Complementary Color

#2a6030
```
#2a6030 rgb(42,96,48)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#60302a
```
#60302a rgb(96,48,42)
```

Triadic Color

#2a5a60
```
#2a5a60 rgb(42,90,96)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#60302a
```
#60302a rgb(96,48,42)
```
#5a602a
```
#5a602a rgb(90,96,42)
```

Tetradic Color

#15132b
```
#15132b rgb(21,19,43)
```
#1e1a3d
```
#1e1a3d rgb(30,26,61)
```
#27224e
```
#27224e rgb(39,34,78)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#393272
```
#393272 rgb(57,50,114)
```
#423a83
```
#423a83 rgb(66,58,131)
```
#4b4195
```
#4b4195 rgb(75,65,149)
```

Monochromatic Color

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

#2a3260
```
#2a3260 rgb(42,50,96)
```
#2a2d60
```
#2a2d60 rgb(42,45,96)
```
#2c2a60
```
#2c2a60 rgb(44,42,96)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#342a60
```
#342a60 rgb(52,42,96)
```
#392a60
```
#392a60 rgb(57,42,96)
```
#3e2a60
```
#3e2a60 rgb(62,42,96)
```

Similar Colors

Text with hexadecimal color #302a60

This text has a font color of #302a60.

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

#302a60 background color

This paragraph has a background color of #302a60.

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

#302a60 border color

This element has a border color of #302a60.

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

CSS codes

.text {color:#302a60;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07060e
```
#07060e rgb(7,6,14)
```
#0e0c1c
```
#0e0c1c rgb(14,12,28)
```
#151229
```
#151229 rgb(21,18,41)
```
#1c1837
```
#1c1837 rgb(28,24,55)
```
#221e45
```
#221e45 rgb(34,30,69)
```
#292452
```
#292452 rgb(41,36,82)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#37306e
```
#37306e rgb(55,48,110)
```
#3e367b
```
#3e367b rgb(62,54,123)
```
#443c89
```
#443c89 rgb(68,60,137)
```
#4b4297
```
#4b4297 rgb(75,66,151)
```
#5248a4
```
#5248a4 rgb(82,72,164)
```

Shade Color Variation

#594eb2
```
#594eb2 rgb(89,78,178)
```
#665cb8
```
#665cb8 rgb(102,92,184)
```
#7369be
```
#7369be rgb(115,105,190)
```
#8077c4
```
#8077c4 rgb(128,119,196)
```
#8c85c9
```
#8c85c9 rgb(140,133,201)
```
#9992cf
```
#9992cf rgb(153,146,207)
```
#a6a0d5
```
#a6a0d5 rgb(166,160,213)
```
#b3aedb
```
#b3aedb rgb(179,174,219)
```
#bfbbe1
```
#bfbbe1 rgb(191,187,225)
```
#ccc9e7
```
#ccc9e7 rgb(204,201,231)
```
#d9d7ed
```
#d9d7ed rgb(217,215,237)
```
#e6e4f3
```
#e6e4f3 rgb(230,228,243)
```
#f3f2f9
```
#f3f2f9 rgb(243,242,249)
```

Tint Color Variation

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

#454545
```
#454545 rgb(69,69,69)
```
#413f4b
```
#413f4b rgb(65,63,75)
```
#3c3a50
```
#3c3a50 rgb(60,58,80)
```
#383555
```
#383555 rgb(56,53,85)
```
#342f5b
```
#342f5b rgb(52,47,91)
```
#302a60
```
#302a60 rgb(48,42,96)
```
#2c2565
```
#2c2565 rgb(44,37,101)
```
#281f6b
```
#281f6b rgb(40,31,107)
```
#241a70
```
#241a70 rgb(36,26,112)
```
#1f1575
```
#1f1575 rgb(31,21,117)
```
#1b0f7b
```
#1b0f7b rgb(27,15,123)
```
#170a80
```
#170a80 rgb(23,10,128)
```
#130585
```
#130585 rgb(19,5,133)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#32303b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b3a6d Protanopia 1% of men
#103d65 Deuteranopia 1% of men
#2d3e43 Tritanopia 0.001% of the population

Trichromacy

#223468 Protanomaly 1% of men, 0.01% of women
#1b3663 Deuteranomaly 6% of men, 0.4% of women
#2e374d Tritanomaly 0.01% of the population

#302a60 hex color

#302a60 Color Information

#302a60 Color Conversion

Color Schemes with #302a60

Alternatives to #302a60

#302a60 Preview

Shades and Tints of #302a60

Tones of #302a60

Color Blindness Simulator