#302f77 hex color

In a RGB color space, hex #302f77 is composed of 18.8% red, 18.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 60.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 240.8 degrees, a saturation of 43.4% and a lightness of 32.5%. #302f77 color hex could be obtained by blending #605eee with #000000. Closest websafe color is: #333366.

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

● #302f77 color description : Dark moderate blue.

The hexadecimal color #302f77 has RGB values of R:48, G:47, B:119 and CMYK values of C:0.6, M:0.61, Y:0, K:0.53. Its decimal value is 3157879.

Hex triplet	302f77	`#302f77`
RGB Decimal	48, 47, 119	`rgb(48,47,119)`
RGB Percent	18.8, 18.4, 46.7	`rgb(18.8%,18.4%,46.7%)`
CMYK	60, 61, 0, 53
HSL	240.8°, 43.4, 32.5	`hsl(240.8,43.4%,32.5%)`
HSV (or HSB)	240.8°, 60.5, 46.7
Web Safe	333366	`#333366`

CIE-LAB	23.649, 23.249, -41.262
XYZ	5.565, 3.993, 17.929
xyY	0.202, 0.145, 3.993
CIE-LCH	23.649, 47.361, 299.399
CIE-LUV	23.649, -3.439, -51.331
Hunter-Lab	19.983, 14.737, -39.209
Binary	00110000, 00101111, 01110111

#302f77
```
#302f77 rgb(48,47,119)
```
#76772f
```
#76772f rgb(118,119,47)
```

Complementary Color

#2f5277
```
#2f5277 rgb(47,82,119)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#542f77
```
#542f77 rgb(84,47,119)
```

Analogous Color

#52772f
```
#52772f rgb(82,119,47)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#77542f
```
#77542f rgb(119,84,47)
```

Split Complementary Color

#2f7730
```
#2f7730 rgb(47,119,48)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#77302f
```
#77302f rgb(119,48,47)
```

Triadic Color

#2f7677
```
#2f7677 rgb(47,118,119)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#77302f
```
#77302f rgb(119,48,47)
```
#76772f
```
#76772f rgb(118,119,47)
```

Tetradic Color

#1a1940
```
#1a1940 rgb(26,25,64)
```
#212152
```
#212152 rgb(33,33,82)
```
#292865
```
#292865 rgb(41,40,101)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#373689
```
#373689 rgb(55,54,137)
```
#3f3d9c
```
#3f3d9c rgb(63,61,156)
```
#4645ae
```
#4645ae rgb(70,69,174)
```

Monochromatic Color

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

#2f4077
```
#2f4077 rgb(47,64,119)
```
#2f3a77
```
#2f3a77 rgb(47,58,119)
```
#2f3477
```
#2f3477 rgb(47,52,119)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#362f77
```
#362f77 rgb(54,47,119)
```
#3c2f77
```
#3c2f77 rgb(60,47,119)
```
#422f77
```
#422f77 rgb(66,47,119)
```

Similar Colors

Text with hexadecimal color #302f77

This text has a font color of #302f77.

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

#302f77 background color

This paragraph has a background color of #302f77.

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

#302f77 border color

This element has a border color of #302f77.

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

CSS codes

.text {color:#302f77;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#080815
```
#080815 rgb(8,8,21)
```
#0e0e23
```
#0e0e23 rgb(14,14,35)
```
#141331
```
#141331 rgb(20,19,49)
```
#19193f
```
#19193f rgb(25,25,63)
```
#1f1e4d
```
#1f1e4d rgb(31,30,77)
```
#25245b
```
#25245b rgb(37,36,91)
```
#2a2969
```
#2a2969 rgb(42,41,105)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#363585
```
#363585 rgb(54,53,133)
```
#3b3a93
```
#3b3a93 rgb(59,58,147)
```
#4140a1
```
#4140a1 rgb(65,64,161)
```
#4745af
```
#4745af rgb(71,69,175)
```

Shade Color Variation

#504fb9
```
#504fb9 rgb(80,79,185)
```
#5e5dbf
```
#5e5dbf rgb(94,93,191)
```
#6c6bc4
```
#6c6bc4 rgb(108,107,196)
```
#7a79ca
```
#7a79ca rgb(122,121,202)
```
#8887d0
```
#8887d0 rgb(136,135,208)
```
#9695d5
```
#9695d5 rgb(150,149,213)
```
#a4a3db
```
#a4a3db rgb(164,163,219)
```
#b2b1e0
```
#b2b1e0 rgb(178,177,224)
```
#c0bfe6
```
#c0bfe6 rgb(192,191,230)
```
#cecdeb
```
#cecdeb rgb(206,205,235)
```
#dcdbf1
```
#dcdbf1 rgb(220,219,241)
```
#eae9f6
```
#eae9f6 rgb(234,233,246)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#4f4f57
```
#4f4f57 rgb(79,79,87)
```
#49495d
```
#49495d rgb(73,73,93)
```
#434264
```
#434264 rgb(67,66,100)
```
#3c3c6a
```
#3c3c6a rgb(60,60,106)
```
#363571
```
#363571 rgb(54,53,113)
```
#302f77
```
#302f77 rgb(48,47,119)
```
#2a297d
```
#2a297d rgb(42,41,125)
```
#242284
```
#242284 rgb(36,34,132)
```
#1d1c8a
```
#1d1c8a rgb(29,28,138)
```
#171591
```
#171591 rgb(23,21,145)
```
#110f97
```
#110f97 rgb(17,15,151)
```
#0b099d
```
#0b099d rgb(11,9,157)
```
#0502a4
```
#0502a4 rgb(5,2,164)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#363645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00446f Deuteranopia 1% of men
#20474d Tritanopia 0.001% of the population

Trichromacy

#113a7b Protanomaly 1% of men, 0.01% of women
#113c72 Deuteranomaly 6% of men, 0.4% of women
#263e5c Tritanomaly 0.01% of the population

#302f77 hex color

#302f77 Color Information

#302f77 Color Conversion

Color Schemes with #302f77

Alternatives to #302f77

#302f77 Preview

Shades and Tints of #302f77

Tones of #302f77

Color Blindness Simulator