#306072 hex color

In a RGB color space, hex #306072 is composed of 18.8% red, 37.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 15.8% magenta, 0% yellow and 55.3% black. It has a hue angle of 196.4 degrees, a saturation of 40.7% and a lightness of 31.8%. #306072 color hex could be obtained by blending #60c0e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 38
- B 45
RGB color chart
- C 58
- M 16
- Y 0
- K 55
CMYK color chart

● #306072 color description : Very dark desaturated blue.

The hexadecimal color #306072 has RGB values of R:48, G:96, B:114 and CMYK values of C:0.58, M:0.16, Y:0, K:0.55. Its decimal value is 3170418.

Hex triplet	306072	`#306072`
RGB Decimal	48, 96, 114	`rgb(48,96,114)`
RGB Percent	18.8, 37.6, 44.7	`rgb(18.8%,37.6%,44.7%)`
CMYK	58, 16, 0, 55
HSL	196.4°, 40.7, 31.8	`hsl(196.4,40.7%,31.8%)`
HSV (or HSB)	196.4°, 57.9, 44.7
Web Safe	336666	`#336666`

CIE-LAB	38.214, -10.628, -15.152
XYZ	8.438, 10.208, 17.444
xyY	0.234, 0.283, 10.208
CIE-LCH	38.214, 18.508, 234.954
CIE-LUV	38.214, -19.891, -19.277
Hunter-Lab	31.951, -8.771, -10.006
Binary	00110000, 01100000, 01110010

#306072
```
#306072 rgb(48,96,114)
```
#724230
```
#724230 rgb(114,66,48)
```

Complementary Color

#307263
```
#307263 rgb(48,114,99)
```
#306072
```
#306072 rgb(48,96,114)
```
#303f72
```
#303f72 rgb(48,63,114)
```

Analogous Color

#726330
```
#726330 rgb(114,99,48)
```
#306072
```
#306072 rgb(48,96,114)
```
#72303f
```
#72303f rgb(114,48,63)
```

Split Complementary Color

#607230
```
#607230 rgb(96,114,48)
```
#306072
```
#306072 rgb(48,96,114)
```
#723060
```
#723060 rgb(114,48,96)
```

Triadic Color

#307242
```
#307242 rgb(48,114,66)
```
#306072
```
#306072 rgb(48,96,114)
```
#723060
```
#723060 rgb(114,48,96)
```
#724230
```
#724230 rgb(114,66,48)
```

Tetradic Color

#19333c
```
#19333c rgb(25,51,60)
```
#21424e
```
#21424e rgb(33,66,78)
```
#285160
```
#285160 rgb(40,81,96)
```
#306072
```
#306072 rgb(48,96,114)
```
#386f84
```
#386f84 rgb(56,111,132)
```
#3f7e96
```
#3f7e96 rgb(63,126,150)
```
#478da8
```
#478da8 rgb(71,141,168)
```

Monochromatic Color

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

#307172
```
#307172 rgb(48,113,114)
```
#306b72
```
#306b72 rgb(48,107,114)
```
#306672
```
#306672 rgb(48,102,114)
```
#306072
```
#306072 rgb(48,96,114)
```
#305b72
```
#305b72 rgb(48,91,114)
```
#305572
```
#305572 rgb(48,85,114)
```
#305072
```
#305072 rgb(48,80,114)
```

Similar Colors

Text with hexadecimal color #306072

This text has a font color of #306072.

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

#306072 background color

This paragraph has a background color of #306072.

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

#306072 border color

This element has a border color of #306072.

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

CSS codes

.text {color:#306072;}

.background {background-color:#306072;}

.border {border:1px solid #306072;}

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

#020304
```
#020304 rgb(2,3,4)
```
#070f11
```
#070f11 rgb(7,15,17)
```
#0d1a1f
```
#0d1a1f rgb(13,26,31)
```
#13262d
```
#13262d rgb(19,38,45)
```
#19323b
```
#19323b rgb(25,50,59)
```
#1f3d49
```
#1f3d49 rgb(31,61,73)
```
#244956
```
#244956 rgb(36,73,86)
```
#2a5464
```
#2a5464 rgb(42,84,100)
```
#306072
```
#306072 rgb(48,96,114)
```
#366c80
```
#366c80 rgb(54,108,128)
```
#3c778e
```
#3c778e rgb(60,119,142)
```
#41839b
```
#41839b rgb(65,131,155)
```
#478ea9
```
#478ea9 rgb(71,142,169)
```

Shade Color Variation

#4f99b5
```
#4f99b5 rgb(79,153,181)
```
#5da1bb
```
#5da1bb rgb(93,161,187)
```
#6ba9c1
```
#6ba9c1 rgb(107,169,193)
```
#79b1c6
```
#79b1c6 rgb(121,177,198)
```
#86b9cc
```
#86b9cc rgb(134,185,204)
```
#94c1d2
```
#94c1d2 rgb(148,193,210)
```
#a2c9d8
```
#a2c9d8 rgb(162,201,216)
```
#b0d1de
```
#b0d1de rgb(176,209,222)
```
#bed9e3
```
#bed9e3 rgb(190,217,227)
```
#cbe1e9
```
#cbe1e9 rgb(203,225,233)
```
#d9e9ef
```
#d9e9ef rgb(217,233,239)
```
#e7f1f5
```
#e7f1f5 rgb(231,241,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#4f5253
```
#4f5253 rgb(79,82,83)
```
#495559
```
#495559 rgb(73,85,89)
```
#43585f
```
#43585f rgb(67,88,95)
```
#3c5a66
```
#3c5a66 rgb(60,90,102)
```
#365d6c
```
#365d6c rgb(54,93,108)
```
#306072
```
#306072 rgb(48,96,114)
```
#2a6378
```
#2a6378 rgb(42,99,120)
```
#24667e
```
#24667e rgb(36,102,126)
```
#1d6885
```
#1d6885 rgb(29,104,133)
```
#176b8b
```
#176b8b rgb(23,107,139)
```
#116e91
```
#116e91 rgb(17,110,145)
```
#0b7197
```
#0b7197 rgb(11,113,151)
```
#04749e
```
#04749e rgb(4,116,158)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6175 Protanopia 1% of men
#5d607c Deuteranopia 1% of men
#366971 Tritanopia 0.001% of the population

Trichromacy

#4d6174 Protanomaly 1% of men, 0.01% of women
#4c6078 Deuteranomaly 6% of men, 0.4% of women
#346671 Tritanomaly 0.01% of the population

#306072 hex color

#306072 Color Information

#306072 Color Conversion

Color Schemes with #306072

Alternatives to #306072

#306072 Preview

Shades and Tints of #306072

Tones of #306072

Color Blindness Simulator