#302d6f hex color

In a RGB color space, hex #302d6f is composed of 18.8% red, 17.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 59.5% magenta, 0% yellow and 56.5% black. It has a hue angle of 242.7 degrees, a saturation of 42.3% and a lightness of 30.6%. #302d6f color hex could be obtained by blending #605ade with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 44
RGB color chart
- C 57
- M 59
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #302d6f has RGB values of R:48, G:45, B:111 and CMYK values of C:0.57, M:0.59, Y:0, K:0.56. Its decimal value is 3157359.

Hex triplet	302d6f	`#302d6f`
RGB Decimal	48, 45, 111	`rgb(48,45,111)`
RGB Percent	18.8, 17.6, 43.5	`rgb(18.8%,17.6%,43.5%)`
CMYK	57, 59, 0, 56
HSL	242.7°, 42.3, 30.6	`hsl(242.7,42.3%,30.6%)`
HSV (or HSB)	242.7°, 59.5, 43.5
Web Safe	333366	`#333366`

CIE-LAB	22.488, 21.774, -38.021
XYZ	5.026, 3.653, 15.478
xyY	0.208, 0.151, 3.653
CIE-LCH	22.488, 43.814, 299.799
CIE-LUV	22.488, -2.522, -46.464
Hunter-Lab	19.112, 13.495, -34.639
Binary	00110000, 00101101, 01101111

#302d6f
```
#302d6f rgb(48,45,111)
```
#6c6f2d
```
#6c6f2d rgb(108,111,45)
```

Complementary Color

#2d4b6f
```
#2d4b6f rgb(45,75,111)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#512d6f
```
#512d6f rgb(81,45,111)
```

Analogous Color

#4b6f2d
```
#4b6f2d rgb(75,111,45)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#6f512d
```
#6f512d rgb(111,81,45)
```

Split Complementary Color

#2d6f30
```
#2d6f30 rgb(45,111,48)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#6f302d
```
#6f302d rgb(111,48,45)
```

Triadic Color

#2d6c6f
```
#2d6c6f rgb(45,108,111)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#6f302d
```
#6f302d rgb(111,48,45)
```
#6c6f2d
```
#6c6f2d rgb(108,111,45)
```

Tetradic Color

#181739
```
#181739 rgb(24,23,57)
```
#201e4b
```
#201e4b rgb(32,30,75)
```
#28265d
```
#28265d rgb(40,38,93)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#383481
```
#383481 rgb(56,52,129)
```
#403c93
```
#403c93 rgb(64,60,147)
```
#4843a5
```
#4843a5 rgb(72,67,165)
```

Monochromatic Color

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

#2d3b6f
```
#2d3b6f rgb(45,59,111)
```
#2d356f
```
#2d356f rgb(45,53,111)
```
#2d306f
```
#2d306f rgb(45,48,111)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#362d6f
```
#362d6f rgb(54,45,111)
```
#3b2d6f
```
#3b2d6f rgb(59,45,111)
```
#412d6f
```
#412d6f rgb(65,45,111)
```

Similar Colors

Text with hexadecimal color #302d6f

This text has a font color of #302d6f.

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

#302d6f background color

This paragraph has a background color of #302d6f.

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

#302d6f border color

This element has a border color of #302d6f.

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

CSS codes

.text {color:#302d6f;}

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

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

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, #06050d is the darkest color, while #fefeff is the lightest one.

#06050d
```
#06050d rgb(6,5,13)
```
#0c0b1b
```
#0c0b1b rgb(12,11,27)
```
#121129
```
#121129 rgb(18,17,41)
```
#181637
```
#181637 rgb(24,22,55)
```
#1e1c45
```
#1e1c45 rgb(30,28,69)
```
#242253
```
#242253 rgb(36,34,83)
```
#2a2761
```
#2a2761 rgb(42,39,97)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#36337d
```
#36337d rgb(54,51,125)
```
#3c388b
```
#3c388b rgb(60,56,139)
```
#423e99
```
#423e99 rgb(66,62,153)
```
#4844a7
```
#4844a7 rgb(72,68,167)
```
#4e49b5
```
#4e49b5 rgb(78,73,181)
```

Shade Color Variation

#5b57bb
```
#5b57bb rgb(91,87,187)
```
#6965c0
```
#6965c0 rgb(105,101,192)
```
#7773c6
```
#7773c6 rgb(119,115,198)
```
#8481cc
```
#8481cc rgb(132,129,204)
```
#928fd1
```
#928fd1 rgb(146,143,209)
```
#9f9dd7
```
#9f9dd7 rgb(159,157,215)
```
#adabdd
```
#adabdd rgb(173,171,221)
```
#bab9e2
```
#bab9e2 rgb(186,185,226)
```
#c8c7e8
```
#c8c7e8 rgb(200,199,232)
```
#d6d4ee
```
#d6d4ee rgb(214,212,238)
```
#e3e2f3
```
#e3e2f3 rgb(227,226,243)
```
#f1f0f9
```
#f1f0f9 rgb(241,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4b4b51
```
#4b4b51 rgb(75,75,81)
```
#464557
```
#464557 rgb(70,69,87)
```
#403f5d
```
#403f5d rgb(64,63,93)
```
#3b3963
```
#3b3963 rgb(59,57,99)
```
#353369
```
#353369 rgb(53,51,105)
```
#302d6f
```
#302d6f rgb(48,45,111)
```
#2b2775
```
#2b2775 rgb(43,39,117)
```
#25217b
```
#25217b rgb(37,33,123)
```
#201b81
```
#201b81 rgb(32,27,129)
```
#1a1587
```
#1a1587 rgb(26,21,135)
```
#150f8d
```
#150f8d rgb(21,15,141)
```
#0f0993
```
#0f0993 rgb(15,9,147)
```
#0a0399
```
#0a0399 rgb(10,3,153)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00416b Deuteranopia 1% of men
#264449 Tritanopia 0.001% of the population

Trichromacy

#113776 Protanomaly 1% of men, 0.01% of women
#113a6d Deuteranomaly 6% of men, 0.4% of women
#293c57 Tritanomaly 0.01% of the population

#302d6f hex color

#302d6f Color Information

#302d6f Color Conversion

Color Schemes with #302d6f

Alternatives to #302d6f

#302d6f Preview

Shades and Tints of #302d6f

Tones of #302d6f

Color Blindness Simulator