#306074 hex color

In a RGB color space, hex #306074 is composed of 18.8% red, 37.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 17.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 197.6 degrees, a saturation of 41.5% and a lightness of 32.2%. #306074 color hex could be obtained by blending #60c0e8 with #000000. Closest websafe color is: #336666.

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

● #306074 color description : Dark moderate blue.

The hexadecimal color #306074 has RGB values of R:48, G:96, B:116 and CMYK values of C:0.59, M:0.17, Y:0, K:0.55. Its decimal value is 3170420.

Hex triplet	306074	`#306074`
RGB Decimal	48, 96, 116	`rgb(48,96,116)`
RGB Percent	18.8, 37.6, 45.5	`rgb(18.8%,37.6%,45.5%)`
CMYK	59, 17, 0, 55
HSL	197.6°, 41.5, 32.2	`hsl(197.6,41.5%,32.2%)`
HSV (or HSB)	197.6°, 58.6, 45.5
Web Safe	336666	`#336666`

CIE-LAB	38.295, -9.969, -16.256
XYZ	8.553, 10.254, 18.051
xyY	0.232, 0.278, 10.254
CIE-LCH	38.295, 19.069, 238.481
CIE-LUV	38.295, -19.827, -20.958
Hunter-Lab	32.023, -8.362, -11.005
Binary	00110000, 01100000, 01110100

#306074
```
#306074 rgb(48,96,116)
```
#744430
```
#744430 rgb(116,68,48)
```

Complementary Color

#307466
```
#307466 rgb(48,116,102)
```
#306074
```
#306074 rgb(48,96,116)
```
#303e74
```
#303e74 rgb(48,62,116)
```

Analogous Color

#746630
```
#746630 rgb(116,102,48)
```
#306074
```
#306074 rgb(48,96,116)
```
#74303e
```
#74303e rgb(116,48,62)
```

Split Complementary Color

#607430
```
#607430 rgb(96,116,48)
```
#306074
```
#306074 rgb(48,96,116)
```
#743060
```
#743060 rgb(116,48,96)
```

Triadic Color

#307444
```
#307444 rgb(48,116,68)
```
#306074
```
#306074 rgb(48,96,116)
```
#743060
```
#743060 rgb(116,48,96)
```
#744430
```
#744430 rgb(116,68,48)
```

Tetradic Color

#1a333e
```
#1a333e rgb(26,51,62)
```
#214250
```
#214250 rgb(33,66,80)
```
#295162
```
#295162 rgb(41,81,98)
```
#306074
```
#306074 rgb(48,96,116)
```
#376f86
```
#376f86 rgb(55,111,134)
```
#3f7e98
```
#3f7e98 rgb(63,126,152)
```
#468daa
```
#468daa rgb(70,141,170)
```

Monochromatic Color

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

#307174
```
#307174 rgb(48,113,116)
```
#306b74
```
#306b74 rgb(48,107,116)
```
#306674
```
#306674 rgb(48,102,116)
```
#306074
```
#306074 rgb(48,96,116)
```
#305a74
```
#305a74 rgb(48,90,116)
```
#305574
```
#305574 rgb(48,85,116)
```
#304f74
```
#304f74 rgb(48,79,116)
```

Similar Colors

Text with hexadecimal color #306074

This text has a font color of #306074.

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

#306074 background color

This paragraph has a background color of #306074.

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

#306074 border color

This element has a border color of #306074.

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

CSS codes

.text {color:#306074;}

.background {background-color:#306074;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1b21
```
#0e1b21 rgb(14,27,33)
```
#13272f
```
#13272f rgb(19,39,47)
```
#19323d
```
#19323d rgb(25,50,61)
```
#1f3e4a
```
#1f3e4a rgb(31,62,74)
```
#254958
```
#254958 rgb(37,73,88)
```
#2a5566
```
#2a5566 rgb(42,85,102)
```
#306074
```
#306074 rgb(48,96,116)
```
#366b82
```
#366b82 rgb(54,107,130)
```
#3b7790
```
#3b7790 rgb(59,119,144)
```
#41829e
```
#41829e rgb(65,130,158)
```
#478eab
```
#478eab rgb(71,142,171)
```

Shade Color Variation

#5098b6
```
#5098b6 rgb(80,152,182)
```
#5ea0bc
```
#5ea0bc rgb(94,160,188)
```
#6ba8c2
```
#6ba8c2 rgb(107,168,194)
```
#79b1c8
```
#79b1c8 rgb(121,177,200)
```
#87b9cd
```
#87b9cd rgb(135,185,205)
```
#95c1d3
```
#95c1d3 rgb(149,193,211)
```
#a3c9d9
```
#a3c9d9 rgb(163,201,217)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#bfd9e4
```
#bfd9e4 rgb(191,217,228)
```
#cde1ea
```
#cde1ea rgb(205,225,234)
```
#daeaf0
```
#daeaf0 rgb(218,234,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#505354
```
#505354 rgb(80,83,84)
```
#49565b
```
#49565b rgb(73,86,91)
```
#435861
```
#435861 rgb(67,88,97)
```
#3d5b67
```
#3d5b67 rgb(61,91,103)
```
#365d6e
```
#365d6e rgb(54,93,110)
```
#306074
```
#306074 rgb(48,96,116)
```
#2a637a
```
#2a637a rgb(42,99,122)
```
#236581
```
#236581 rgb(35,101,129)
```
#1d6887
```
#1d6887 rgb(29,104,135)
```
#176a8d
```
#176a8d rgb(23,106,141)
```
#106d94
```
#106d94 rgb(16,109,148)
```
#0a709a
```
#0a709a rgb(10,112,154)
```
#0472a0
```
#0472a0 rgb(4,114,160)
```

Tone Color Variation

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

#5d6177 Protanopia 1% of men
#5c617d Deuteranopia 1% of men
#366a71 Tritanopia 0.001% of the population

Trichromacy

#4c6175 Protanomaly 1% of men, 0.01% of women
#4c607a Deuteranomaly 6% of men, 0.4% of women
#336672 Tritanomaly 0.01% of the population

#306074 hex color

#306074 Color Information

#306074 Color Conversion

Color Schemes with #306074

Alternatives to #306074

#306074 Preview

Shades and Tints of #306074

Tones of #306074

Color Blindness Simulator