#302f66 hex color

In a RGB color space, hex #302f66 is composed of 18.8% red, 18.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 53.9% magenta, 0% yellow and 60% black. It has a hue angle of 241.1 degrees, a saturation of 36.9% and a lightness of 29.2%. #302f66 color hex could be obtained by blending #605ecc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 40
RGB color chart
- C 53
- M 54
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #302f66 has RGB values of R:48, G:47, B:102 and CMYK values of C:0.53, M:0.54, Y:0, K:0.6. Its decimal value is 3157862.

Hex triplet	302f66	`#302f66`
RGB Decimal	48, 47, 102	`rgb(48,47,102)`
RGB Percent	18.8, 18.4, 40	`rgb(18.8%,18.4%,40%)`
CMYK	53, 54, 0, 60
HSL	241.1°, 36.9, 29.2	`hsl(241.1,36.9%,29.2%)`
HSV (or HSB)	241.1°, 53.9, 40
Web Safe	333366	`#333366`

CIE-LAB	22.375, 17.239, -32.38
XYZ	4.633, 3.621, 13.024
xyY	0.218, 0.17, 3.621
CIE-LCH	22.375, 36.683, 298.032
CIE-LUV	22.375, -2.547, -39.526
Hunter-Lab	19.028, 10.166, -27.264
Binary	00110000, 00101111, 01100110

#302f66
```
#302f66 rgb(48,47,102)
```
#65662f
```
#65662f rgb(101,102,47)
```

Complementary Color

#2f4a66
```
#2f4a66 rgb(47,74,102)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#4c2f66
```
#4c2f66 rgb(76,47,102)
```

Analogous Color

#4a662f
```
#4a662f rgb(74,102,47)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#664c2f
```
#664c2f rgb(102,76,47)
```

Split Complementary Color

#2f6630
```
#2f6630 rgb(47,102,48)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#66302f
```
#66302f rgb(102,48,47)
```

Triadic Color

#2f6566
```
#2f6566 rgb(47,101,102)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#66302f
```
#66302f rgb(102,48,47)
```
#65662f
```
#65662f rgb(101,102,47)
```

Tetradic Color

#171732
```
#171732 rgb(23,23,50)
```
#201f43
```
#201f43 rgb(32,31,67)
```
#282755
```
#282755 rgb(40,39,85)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#383777
```
#383777 rgb(56,55,119)
```
#403f89
```
#403f89 rgb(64,63,137)
```
#49479a
```
#49479a rgb(73,71,154)
```

Monochromatic Color

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

#2f3c66
```
#2f3c66 rgb(47,60,102)
```
#2f3766
```
#2f3766 rgb(47,55,102)
```
#2f3366
```
#2f3366 rgb(47,51,102)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#352f66
```
#352f66 rgb(53,47,102)
```
#392f66
```
#392f66 rgb(57,47,102)
```
#3e2f66
```
#3e2f66 rgb(62,47,102)
```

Similar Colors

Text with hexadecimal color #302f66

This text has a font color of #302f66.

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

#302f66 background color

This paragraph has a background color of #302f66.

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

#302f66 border color

This element has a border color of #302f66.

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

CSS codes

.text {color:#302f66;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0a15
```
#0a0a15 rgb(10,10,21)
```
#101023
```
#101023 rgb(16,16,35)
```
#171630
```
#171630 rgb(23,22,48)
```
#1d1c3e
```
#1d1c3e rgb(29,28,62)
```
#23234b
```
#23234b rgb(35,35,75)
```
#2a2959
```
#2a2959 rgb(42,41,89)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#363573
```
#363573 rgb(54,53,115)
```
#3d3b81
```
#3d3b81 rgb(61,59,129)
```
#43428e
```
#43428e rgb(67,66,142)
```
#49489c
```
#49489c rgb(73,72,156)
```
#504ea9
```
#504ea9 rgb(80,78,169)
```

Shade Color Variation

#5a58b2
```
#5a58b2 rgb(90,88,178)
```
#6766b8
```
#6766b8 rgb(103,102,184)
```
#7573bf
```
#7573bf rgb(117,115,191)
```
#8281c5
```
#8281c5 rgb(130,129,197)
```
#8f8ecb
```
#8f8ecb rgb(143,142,203)
```
#9d9cd1
```
#9d9cd1 rgb(157,156,209)
```
#aaa9d7
```
#aaa9d7 rgb(170,169,215)
```
#b7b6de
```
#b7b6de rgb(183,182,222)
```
#c4c4e4
```
#c4c4e4 rgb(196,196,228)
```
#d2d1ea
```
#d2d1ea rgb(210,209,234)
```
#dfdff0
```
#dfdff0 rgb(223,223,240)
```
#ececf6
```
#ececf6 rgb(236,236,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#46464f
```
#46464f rgb(70,70,79)
```
#414055
```
#414055 rgb(65,64,85)
```
#3b3a5b
```
#3b3a5b rgb(59,58,91)
```
#363560
```
#363560 rgb(54,53,96)
```
#302f66
```
#302f66 rgb(48,47,102)
```
#2a296c
```
#2a296c rgb(42,41,108)
```
#252471
```
#252471 rgb(37,36,113)
```
#1f1e77
```
#1f1e77 rgb(31,30,119)
```
#1a187d
```
#1a187d rgb(26,24,125)
```
#141283
```
#141283 rgb(20,18,131)
```
#0f0d88
```
#0f0d88 rgb(15,13,136)
```
#09078e
```
#09078e rgb(9,7,142)
```
#040194
```
#040194 rgb(4,1,148)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353540 Atypical Achromatopsia 0.001% of the population

Dichromacy

#203e71 Protanopia 1% of men
#13406b Deuteranopia 1% of men
#2c4348 Tritanopia 0.001% of the population

Trichromacy

#26386d Protanomaly 1% of men, 0.01% of women
#1d3a69 Deuteranomaly 6% of men, 0.4% of women
#2d3c53 Tritanomaly 0.01% of the population

#302f66 hex color

#302f66 Color Information

#302f66 Color Conversion

Color Schemes with #302f66

Alternatives to #302f66

#302f66 Preview

Shades and Tints of #302f66

Tones of #302f66

Color Blindness Simulator