#305093 hex color

In a RGB color space, hex #305093 is composed of 18.8% red, 31.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 45.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 220.6 degrees, a saturation of 50.8% and a lightness of 38.2%. #305093 color hex could be obtained by blending #60a0ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 58
RGB color chart
- C 67
- M 46
- Y 0
- K 42
CMYK color chart

● #305093 color description : Dark moderate blue.

The hexadecimal color #305093 has RGB values of R:48, G:80, B:147 and CMYK values of C:0.67, M:0.46, Y:0, K:0.42. Its decimal value is 3166355.

Hex triplet	305093	`#305093`
RGB Decimal	48, 80, 147	`rgb(48,80,147)`
RGB Percent	18.8, 31.4, 57.6	`rgb(18.8%,31.4%,57.6%)`
CMYK	67, 46, 0, 42
HSL	220.6°, 50.8, 38.2	`hsl(220.6,50.8%,38.2%)`
HSV (or HSB)	220.6°, 67.3, 57.6
Web Safe	336699	`#336699`

CIE-LAB	34.947, 11.24, -40.462
XYZ	9.353, 8.472, 28.744
xyY	0.201, 0.182, 8.472
CIE-LCH	34.947, 41.994, 285.525
CIE-LUV	34.947, -13.547, -57.202
Hunter-Lab	29.106, 6.423, -38.179
Binary	00110000, 01010000, 10010011

#305093
```
#305093 rgb(48,80,147)
```
#937330
```
#937330 rgb(147,115,48)
```

Complementary Color

#308293
```
#308293 rgb(48,130,147)
```
#305093
```
#305093 rgb(48,80,147)
```
#423093
```
#423093 rgb(66,48,147)
```

Analogous Color

#829330
```
#829330 rgb(130,147,48)
```
#305093
```
#305093 rgb(48,80,147)
```
#934230
```
#934230 rgb(147,66,48)
```

Split Complementary Color

#509330
```
#509330 rgb(80,147,48)
```
#305093
```
#305093 rgb(48,80,147)
```
#933050
```
#933050 rgb(147,48,80)
```

Triadic Color

#309373
```
#309373 rgb(48,147,115)
```
#305093
```
#305093 rgb(48,80,147)
```
#933050
```
#933050 rgb(147,48,80)
```
#937330
```
#937330 rgb(147,115,48)
```

Tetradic Color

#1d3159
```
#1d3159 rgb(29,49,89)
```
#233b6d
```
#233b6d rgb(35,59,109)
```
#2a4680
```
#2a4680 rgb(42,70,128)
```
#305093
```
#305093 rgb(48,80,147)
```
#365aa6
```
#365aa6 rgb(54,90,166)
```
#3d65b9
```
#3d65b9 rgb(61,101,185)
```
#4b72c4
```
#4b72c4 rgb(75,114,196)
```

Monochromatic Color

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

#306993
```
#306993 rgb(48,105,147)
```
#306193
```
#306193 rgb(48,97,147)
```
#305893
```
#305893 rgb(48,88,147)
```
#305093
```
#305093 rgb(48,80,147)
```
#304893
```
#304893 rgb(48,72,147)
```
#304093
```
#304093 rgb(48,64,147)
```
#303793
```
#303793 rgb(48,55,147)
```

Similar Colors

Text with hexadecimal color #305093

This text has a font color of #305093.

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

#305093 background color

This paragraph has a background color of #305093.

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

#305093 border color

This element has a border color of #305093.

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

CSS codes

.text {color:#305093;}

.background {background-color:#305093;}

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

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, #05080e is the darkest color, while #fefeff is the lightest one.

#05080e
```
#05080e rgb(5,8,14)
```
#09101d
```
#09101d rgb(9,16,29)
```
#0e182b
```
#0e182b rgb(14,24,43)
```
#13203a
```
#13203a rgb(19,32,58)
```
#182849
```
#182849 rgb(24,40,73)
```
#1d3058
```
#1d3058 rgb(29,48,88)
```
#223867
```
#223867 rgb(34,56,103)
```
#264075
```
#264075 rgb(38,64,117)
```
#2b4884
```
#2b4884 rgb(43,72,132)
```
#305093
```
#305093 rgb(48,80,147)
```
#3558a2
```
#3558a2 rgb(53,88,162)
```
#3a60b1
```
#3a60b1 rgb(58,96,177)
```
#3e68bf
```
#3e68bf rgb(62,104,191)
```

Shade Color Variation

#4d74c5
```
#4d74c5 rgb(77,116,197)
```
#5b7fca
```
#5b7fca rgb(91,127,202)
```
#6a8bce
```
#6a8bce rgb(106,139,206)
```
#7996d3
```
#7996d3 rgb(121,150,211)
```
#88a2d8
```
#88a2d8 rgb(136,162,216)
```
#97addd
```
#97addd rgb(151,173,221)
```
#a5b9e2
```
#a5b9e2 rgb(165,185,226)
```
#b4c4e7
```
#b4c4e7 rgb(180,196,231)
```
#c3d0eb
```
#c3d0eb rgb(195,208,235)
```
#d2dcf0
```
#d2dcf0 rgb(210,220,240)
```
#e1e7f5
```
#e1e7f5 rgb(225,231,245)
```
#eff3fa
```
#eff3fa rgb(239,243,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5d6066
```
#5d6066 rgb(93,96,102)
```
#565d6e
```
#565d6e rgb(86,93,110)
```
#4e5b75
```
#4e5b75 rgb(78,91,117)
```
#47587d
```
#47587d rgb(71,88,125)
```
#3f5584
```
#3f5584 rgb(63,85,132)
```
#38538c
```
#38538c rgb(56,83,140)
```
#305093
```
#305093 rgb(48,80,147)
```
#294d9b
```
#294d9b rgb(41,77,155)
```
#214ba2
```
#214ba2 rgb(33,75,162)
```
#1a48aa
```
#1a48aa rgb(26,72,170)
```
#1245b1
```
#1245b1 rgb(18,69,177)
```
#0b43b9
```
#0b43b9 rgb(11,67,185)
```
#0340c0
```
#0340c0 rgb(3,64,192)
```

Tone Color Variation

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

#3a5998 Protanopia 1% of men
#215c97 Deuteranopia 1% of men
#08636b Tritanopia 0.001% of the population

Trichromacy

#365596 Protanomaly 1% of men, 0.01% of women
#265795 Deuteranomaly 6% of men, 0.4% of women
#165c79 Tritanomaly 0.01% of the population

#305093 hex color

#305093 Color Information

#305093 Color Conversion

Color Schemes with #305093

Alternatives to #305093

#305093 Preview

Shades and Tints of #305093

Tones of #305093

Color Blindness Simulator