#302f45 hex color

In a RGB color space, hex #302f45 is composed of 18.8% red, 18.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 31.9% magenta, 0% yellow and 72.9% black. It has a hue angle of 242.7 degrees, a saturation of 19% and a lightness of 22.7%. #302f45 color hex could be obtained by blending #605e8a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 18
- B 27
RGB color chart
- C 30
- M 32
- Y 0
- K 73
CMYK color chart

● #302f45 color description : Very dark grayish blue.

The hexadecimal color #302f45 has RGB values of R:48, G:47, B:69 and CMYK values of C:0.3, M:0.32, Y:0, K:0.73. Its decimal value is 3157829.

Hex triplet	302f45	`#302f45`
RGB Decimal	48, 47, 69	`rgb(48,47,69)`
RGB Percent	18.8, 18.4, 27.1	`rgb(18.8%,18.4%,27.1%)`
CMYK	30, 32, 0, 73
HSL	242.7°, 19, 22.7	`hsl(242.7,19%,22.7%)`
HSV (or HSB)	242.7°, 31.9, 27.1
Web Safe	333333	`#333333`

CIE-LAB	20.405, 6.353, -13.56
XYZ	3.309, 3.091, 6.052
xyY	0.266, 0.248, 3.091
CIE-LCH	20.405, 14.975, 295.103
CIE-LUV	20.405, -0.712, -15.441
Hunter-Lab	17.581, 2.832, -8.103
Binary	00110000, 00101111, 01000101

#302f45
```
#302f45 rgb(48,47,69)
```
#44452f
```
#44452f rgb(68,69,47)
```

Complementary Color

#2f3945
```
#2f3945 rgb(47,57,69)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#3b2f45
```
#3b2f45 rgb(59,47,69)
```

Analogous Color

#39452f
```
#39452f rgb(57,69,47)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#453b2f
```
#453b2f rgb(69,59,47)
```

Split Complementary Color

#2f4530
```
#2f4530 rgb(47,69,48)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#45302f
```
#45302f rgb(69,48,47)
```

Triadic Color

#2f4445
```
#2f4445 rgb(47,68,69)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#45302f
```
#45302f rgb(69,48,47)
```
#44452f
```
#44452f rgb(68,69,47)
```

Tetradic Color

#101017
```
#101017 rgb(16,16,23)
```
#1b1a27
```
#1b1a27 rgb(27,26,39)
```
#252536
```
#252536 rgb(37,37,54)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#3b3954
```
#3b3954 rgb(59,57,84)
```
#454463
```
#454463 rgb(69,68,99)
```
#504e73
```
#504e73 rgb(80,78,115)
```

Monochromatic Color

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

#2f3445
```
#2f3445 rgb(47,52,69)
```
#2f3245
```
#2f3245 rgb(47,50,69)
```
#2f3045
```
#2f3045 rgb(47,48,69)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#322f45
```
#322f45 rgb(50,47,69)
```
#342f45
```
#342f45 rgb(52,47,69)
```
#362f45
```
#362f45 rgb(54,47,69)
```

Similar Colors

Text with hexadecimal color #302f45

This text has a font color of #302f45.

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

#302f45 background color

This paragraph has a background color of #302f45.

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

#302f45 border color

This element has a border color of #302f45.

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

CSS codes

.text {color:#302f45;}

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

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

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, #07070b is the darkest color, while #fefefe is the lightest one.

#07070b
```
#07070b rgb(7,7,11)
```
#100f16
```
#100f16 rgb(16,15,22)
```
#181722
```
#181722 rgb(24,23,34)
```
#201f2e
```
#201f2e rgb(32,31,46)
```
#282739
```
#282739 rgb(40,39,57)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#383751
```
#383751 rgb(56,55,81)
```
#403f5c
```
#403f5c rgb(64,63,92)
```
#484768
```
#484768 rgb(72,71,104)
```
#504f74
```
#504f74 rgb(80,79,116)
```
#59577f
```
#59577f rgb(89,87,127)
```
#615f8b
```
#615f8b rgb(97,95,139)
```
#696797
```
#696797 rgb(105,103,151)
```

Shade Color Variation

#74729f
```
#74729f rgb(116,114,159)
```
#807ea7
```
#807ea7 rgb(128,126,167)
```
#8b89af
```
#8b89af rgb(139,137,175)
```
#9795b7
```
#9795b7 rgb(151,149,183)
```
#a2a1bf
```
#a2a1bf rgb(162,161,191)
```
#aeacc7
```
#aeacc7 rgb(174,172,199)
```
#b9b8cf
```
#b9b8cf rgb(185,184,207)
```
#c5c4d7
```
#c5c4d7 rgb(197,196,215)
```
#d0cfdf
```
#d0cfdf rgb(208,207,223)
```
#dcdbe6
```
#dcdbe6 rgb(220,219,230)
```
#e7e7ee
```
#e7e7ee rgb(231,231,238)
```
#f3f2f6
```
#f3f2f6 rgb(243,242,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#38383c
```
#38383c rgb(56,56,60)
```
#343341
```
#343341 rgb(52,51,65)
```
#302f45
```
#302f45 rgb(48,47,69)
```
#2c2b49
```
#2c2b49 rgb(44,43,73)
```
#28264e
```
#28264e rgb(40,38,78)
```
#242252
```
#242252 rgb(36,34,82)
```
#201d57
```
#201d57 rgb(32,29,87)
```
#1c195b
```
#1c195b rgb(28,25,91)
```
#181460
```
#181460 rgb(24,20,96)
```
#141064
```
#141064 rgb(20,16,100)
```
#100b69
```
#100b69 rgb(16,11,105)
```
#0b076d
```
#0b076d rgb(11,7,109)
```
#070272
```
#070272 rgb(7,2,114)
```

Tone Color Variation

Below, you can see how #302f45 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
#323136 Atypical Achromatopsia 0.001% of the population

Dichromacy

#353b4f Protanopia 1% of men
#363b4e Deuteranopia 1% of men
#373c40 Tritanopia 0.001% of the population

Trichromacy

#33364b Protanomaly 1% of men, 0.01% of women
#34364a Deuteranomaly 6% of men, 0.4% of women
#343742 Tritanomaly 0.01% of the population

#302f45 hex color

#302f45 Color Information

#302f45 Color Conversion

Color Schemes with #302f45

Alternatives to #302f45

#302f45 Preview

Shades and Tints of #302f45

Tones of #302f45

Color Blindness Simulator