#306c86 hex color

In a RGB color space, hex #306c86 is composed of 18.8% red, 42.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 19.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 198.1 degrees, a saturation of 47.3% and a lightness of 35.7%. #306c86 color hex could be obtained by blending #60d8ff with #00000d. Closest websafe color is: #336699.

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

● #306c86 color description : Dark moderate blue.

The hexadecimal color #306c86 has RGB values of R:48, G:108, B:134 and CMYK values of C:0.64, M:0.19, Y:0, K:0.47. Its decimal value is 3173510.

Hex triplet	306c86	`#306c86`
RGB Decimal	48, 108, 134	`rgb(48,108,134)`
RGB Percent	18.8, 42.4, 52.5	`rgb(18.8%,42.4%,52.5%)`
CMYK	64, 19, 0, 47
HSL	198.1°, 47.3, 35.7	`hsl(198.1,47.3%,35.7%)`
HSV (or HSB)	198.1°, 64.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	42.874, -10.97, -20.143
XYZ	10.883, 13.074, 24.503
xyY	0.225, 0.27, 13.074
CIE-LCH	42.874, 22.937, 241.427
CIE-LUV	42.874, -23.766, -27.229
Hunter-Lab	36.158, -9.548, -14.868
Binary	00110000, 01101100, 10000110

#306c86
```
#306c86 rgb(48,108,134)
```
#864a30
```
#864a30 rgb(134,74,48)
```

Complementary Color

#308675
```
#308675 rgb(48,134,117)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#304186
```
#304186 rgb(48,65,134)
```

Analogous Color

#867530
```
#867530 rgb(134,117,48)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#863041
```
#863041 rgb(134,48,65)
```

Split Complementary Color

#6c8630
```
#6c8630 rgb(108,134,48)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#86306c
```
#86306c rgb(134,48,108)
```

Triadic Color

#30864a
```
#30864a rgb(48,134,74)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#86306c
```
#86306c rgb(134,48,108)
```
#864a30
```
#864a30 rgb(134,74,48)
```

Tetradic Color

#1c3f4e
```
#1c3f4e rgb(28,63,78)
```
#234e60
```
#234e60 rgb(35,78,96)
```
#295d73
```
#295d73 rgb(41,93,115)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#377b99
```
#377b99 rgb(55,123,153)
```
#3d8aac
```
#3d8aac rgb(61,138,172)
```
#4699bd
```
#4699bd rgb(70,153,189)
```

Monochromatic Color

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

#308286
```
#308286 rgb(48,130,134)
```
#307a86
```
#307a86 rgb(48,122,134)
```
#307386
```
#307386 rgb(48,115,134)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#306586
```
#306586 rgb(48,101,134)
```
#305e86
```
#305e86 rgb(48,94,134)
```
#305786
```
#305786 rgb(48,87,134)
```

Similar Colors

Text with hexadecimal color #306c86

This text has a font color of #306c86.

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

#306c86 background color

This paragraph has a background color of #306c86.

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

#306c86 border color

This element has a border color of #306c86.

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

CSS codes

.text {color:#306c86;}

.background {background-color:#306c86;}

.border {border:1px solid #306c86;}

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

#010304
```
#010304 rgb(1,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0c1b21
```
#0c1b21 rgb(12,27,33)
```
#11262f
```
#11262f rgb(17,38,47)
```
#16323e
```
#16323e rgb(22,50,62)
```
#1b3d4c
```
#1b3d4c rgb(27,61,76)
```
#20495b
```
#20495b rgb(32,73,91)
```
#265569
```
#265569 rgb(38,85,105)
```
#2b6078
```
#2b6078 rgb(43,96,120)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#357894
```
#357894 rgb(53,120,148)
```
#3a83a3
```
#3a83a3 rgb(58,131,163)
```
#408fb1
```
#408fb1 rgb(64,143,177)
```

Shade Color Variation

#479abd
```
#479abd rgb(71,154,189)
```
#56a2c2
```
#56a2c2 rgb(86,162,194)
```
#64a9c8
```
#64a9c8 rgb(100,169,200)
```
#73b1cd
```
#73b1cd rgb(115,177,205)
```
#81b9d2
```
#81b9d2 rgb(129,185,210)
```
#8fc1d7
```
#8fc1d7 rgb(143,193,215)
```
#9ec9dc
```
#9ec9dc rgb(158,201,220)
```
#acd1e1
```
#acd1e1 rgb(172,209,225)
```
#bbd9e7
```
#bbd9e7 rgb(187,217,231)
```
#c9e1ec
```
#c9e1ec rgb(201,225,236)
```
#d8e9f1
```
#d8e9f1 rgb(216,233,241)
```
#e6f1f6
```
#e6f1f6 rgb(230,241,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #067db0 is the most saturated one.

#5a5b5c
```
#5a5b5c rgb(90,91,92)
```
#535e63
```
#535e63 rgb(83,94,99)
```
#4c616a
```
#4c616a rgb(76,97,106)
```
#456471
```
#456471 rgb(69,100,113)
```
#3e6678
```
#3e6678 rgb(62,102,120)
```
#37697f
```
#37697f rgb(55,105,127)
```
#306c86
```
#306c86 rgb(48,108,134)
```
#296f8d
```
#296f8d rgb(41,111,141)
```
#227294
```
#227294 rgb(34,114,148)
```
#1b749b
```
#1b749b rgb(27,116,155)
```
#1477a2
```
#1477a2 rgb(20,119,162)
```
#0d7aa9
```
#0d7aa9 rgb(13,122,169)
```
#067db0
```
#067db0 rgb(6,125,176)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#546065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666c87 Protanopia 1% of men
#636b8f Deuteranopia 1% of men
#32767e Tritanopia 0.001% of the population

Trichromacy

#526c86 Protanomaly 1% of men, 0.01% of women
#506b8b Deuteranomaly 6% of men, 0.4% of women
#317281 Tritanomaly 0.01% of the population

#306c86 hex color

#306c86 Color Information

#306c86 Color Conversion

Color Schemes with #306c86

Alternatives to #306c86

#306c86 Preview

Shades and Tints of #306c86

Tones of #306c86

Color Blindness Simulator