#305096 hex color

In a RGB color space, hex #305096 is composed of 18.8% red, 31.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 46.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 221.2 degrees, a saturation of 51.5% and a lightness of 38.8%. #305096 color hex could be obtained by blending #60a0ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 59
RGB color chart
- C 68
- M 47
- Y 0
- K 41
CMYK color chart

● #305096 color description : Dark moderate blue.

The hexadecimal color #305096 has RGB values of R:48, G:80, B:150 and CMYK values of C:0.68, M:0.47, Y:0, K:0.41. Its decimal value is 3166358.

Hex triplet	305096	`#305096`
RGB Decimal	48, 80, 150	`rgb(48,80,150)`
RGB Percent	18.8, 31.4, 58.8	`rgb(18.8%,31.4%,58.8%)`
CMYK	68, 47, 0, 41
HSL	221.2°, 51.5, 38.8	`hsl(221.2,51.5%,38.8%)`
HSV (or HSB)	221.2°, 68, 58.8
Web Safe	336699	`#336699`

CIE-LAB	35.137, 12.365, -41.975
XYZ	9.591, 8.567, 30.001
xyY	0.199, 0.178, 8.567
CIE-LCH	35.137, 43.759, 286.413
CIE-LUV	35.137, -13.54, -59.523
Hunter-Lab	29.27, 7.271, -40.282
Binary	00110000, 01010000, 10010110

#305096
```
#305096 rgb(48,80,150)
```
#967630
```
#967630 rgb(150,118,48)
```

Complementary Color

#308396
```
#308396 rgb(48,131,150)
```
#305096
```
#305096 rgb(48,80,150)
```
#433096
```
#433096 rgb(67,48,150)
```

Analogous Color

#839630
```
#839630 rgb(131,150,48)
```
#305096
```
#305096 rgb(48,80,150)
```
#964330
```
#964330 rgb(150,67,48)
```

Split Complementary Color

#509630
```
#509630 rgb(80,150,48)
```
#305096
```
#305096 rgb(48,80,150)
```
#963050
```
#963050 rgb(150,48,80)
```

Triadic Color

#309676
```
#309676 rgb(48,150,118)
```
#305096
```
#305096 rgb(48,80,150)
```
#963050
```
#963050 rgb(150,48,80)
```
#967630
```
#967630 rgb(150,118,48)
```

Tetradic Color

#1d315c
```
#1d315c rgb(29,49,92)
```
#243b6f
```
#243b6f rgb(36,59,111)
```
#2a4683
```
#2a4683 rgb(42,70,131)
```
#305096
```
#305096 rgb(48,80,150)
```
#365aa9
```
#365aa9 rgb(54,90,169)
```
#3c65bd
```
#3c65bd rgb(60,101,189)
```
#4d73c6
```
#4d73c6 rgb(77,115,198)
```

Monochromatic Color

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

#306a96
```
#306a96 rgb(48,106,150)
```
#306196
```
#306196 rgb(48,97,150)
```
#305996
```
#305996 rgb(48,89,150)
```
#305096
```
#305096 rgb(48,80,150)
```
#304896
```
#304896 rgb(48,72,150)
```
#303f96
```
#303f96 rgb(48,63,150)
```
#303796
```
#303796 rgb(48,55,150)
```

Similar Colors

Text with hexadecimal color #305096

This text has a font color of #305096.

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

#305096 background color

This paragraph has a background color of #305096.

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

#305096 border color

This element has a border color of #305096.

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

CSS codes

.text {color:#305096;}

.background {background-color:#305096;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050910
```
#050910 rgb(5,9,16)
```
#0a111f
```
#0a111f rgb(10,17,31)
```
#0f192e
```
#0f192e rgb(15,25,46)
```
#13203d
```
#13203d rgb(19,32,61)
```
#18284c
```
#18284c rgb(24,40,76)
```
#1d305b
```
#1d305b rgb(29,48,91)
```
#223869
```
#223869 rgb(34,56,105)
```
#264078
```
#264078 rgb(38,64,120)
```
#2b4887
```
#2b4887 rgb(43,72,135)
```
#305096
```
#305096 rgb(48,80,150)
```
#3558a5
```
#3558a5 rgb(53,88,165)
```
#3a60b4
```
#3a60b4 rgb(58,96,180)
```

Shade Color Variation

#3f68c2
```
#3f68c2 rgb(63,104,194)
```
#4e74c6
```
#4e74c6 rgb(78,116,198)
```
#5d80cb
```
#5d80cb rgb(93,128,203)
```
#6c8bd0
```
#6c8bd0 rgb(108,139,208)
```
#7b97d5
```
#7b97d5 rgb(123,151,213)
```
#8aa3d9
```
#8aa3d9 rgb(138,163,217)
```
#98aede
```
#98aede rgb(152,174,222)
```
#a7bae3
```
#a7bae3 rgb(167,186,227)
```
#b6c6e8
```
#b6c6e8 rgb(182,198,232)
```
#c5d1ec
```
#c5d1ec rgb(197,209,236)
```
#d4ddf1
```
#d4ddf1 rgb(212,221,241)
```
#e3e9f6
```
#e3e9f6 rgb(227,233,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#5e6168
```
#5e6168 rgb(94,97,104)
```
#565e70
```
#565e70 rgb(86,94,112)
```
#4e5b78
```
#4e5b78 rgb(78,91,120)
```
#47597f
```
#47597f rgb(71,89,127)
```
#3f5687
```
#3f5687 rgb(63,86,135)
```
#38538e
```
#38538e rgb(56,83,142)
```
#305096
```
#305096 rgb(48,80,150)
```
#284d9e
```
#284d9e rgb(40,77,158)
```
#214aa5
```
#214aa5 rgb(33,74,165)
```
#1947ad
```
#1947ad rgb(25,71,173)
```
#1245b4
```
#1245b4 rgb(18,69,180)
```
#0a42bc
```
#0a42bc rgb(10,66,188)
```
#023fc4
```
#023fc4 rgb(2,63,196)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#38599b Protanopia 1% of men
#185c99 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#355699 Protanomaly 1% of men, 0.01% of women
#215898 Deuteranomaly 6% of men, 0.4% of women
#115d7b Tritanomaly 0.01% of the population

#305096 hex color

#305096 Color Information

#305096 Color Conversion

Color Schemes with #305096

Alternatives to #305096

#305096 Preview

Shades and Tints of #305096

Tones of #305096

Color Blindness Simulator