#305097 hex color

In a RGB color space, hex #305097 is composed of 18.8% red, 31.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 47% magenta, 0% yellow and 40.8% black. It has a hue angle of 221.4 degrees, a saturation of 51.8% and a lightness of 39%. #305097 color hex could be obtained by blending #60a0ff with #00002f. 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

● #305097 color description : Dark moderate blue.

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

Hex triplet	305097	`#305097`
RGB Decimal	48, 80, 151	`rgb(48,80,151)`
RGB Percent	18.8, 31.4, 59.2	`rgb(18.8%,31.4%,59.2%)`
CMYK	68, 47, 0, 41
HSL	221.4°, 51.8, 39	`hsl(221.4,51.8%,39%)`
HSV (or HSB)	221.4°, 68.2, 59.2
Web Safe	336699	`#336699`

CIE-LAB	35.201, 12.74, -42.478
XYZ	9.672, 8.599, 30.427
xyY	0.199, 0.177, 8.599
CIE-LCH	35.201, 44.347, 286.695
CIE-LUV	35.201, -13.539, -60.293
Hunter-Lab	29.325, 7.557, -40.99
Binary	00110000, 01010000, 10010111

#305097
```
#305097 rgb(48,80,151)
```
#977730
```
#977730 rgb(151,119,48)
```

Complementary Color

#308497
```
#308497 rgb(48,132,151)
```
#305097
```
#305097 rgb(48,80,151)
```
#443097
```
#443097 rgb(68,48,151)
```

Analogous Color

#849730
```
#849730 rgb(132,151,48)
```
#305097
```
#305097 rgb(48,80,151)
```
#974430
```
#974430 rgb(151,68,48)
```

Split Complementary Color

#509730
```
#509730 rgb(80,151,48)
```
#305097
```
#305097 rgb(48,80,151)
```
#973050
```
#973050 rgb(151,48,80)
```

Triadic Color

#309777
```
#309777 rgb(48,151,119)
```
#305097
```
#305097 rgb(48,80,151)
```
#973050
```
#973050 rgb(151,48,80)
```
#977730
```
#977730 rgb(151,119,48)
```

Tetradic Color

#1e315d
```
#1e315d rgb(30,49,93)
```
#243b70
```
#243b70 rgb(36,59,112)
```
#2a4684
```
#2a4684 rgb(42,70,132)
```
#305097
```
#305097 rgb(48,80,151)
```
#365aaa
```
#365aaa rgb(54,90,170)
```
#3c65be
```
#3c65be rgb(60,101,190)
```
#4d73c6
```
#4d73c6 rgb(77,115,198)
```

Monochromatic Color

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

#306a97
```
#306a97 rgb(48,106,151)
```
#306197
```
#306197 rgb(48,97,151)
```
#305997
```
#305997 rgb(48,89,151)
```
#305097
```
#305097 rgb(48,80,151)
```
#304797
```
#304797 rgb(48,71,151)
```
#303f97
```
#303f97 rgb(48,63,151)
```
#303697
```
#303697 rgb(48,54,151)
```

Similar Colors

Text with hexadecimal color #305097

This text has a font color of #305097.

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

#305097 background color

This paragraph has a background color of #305097.

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

#305097 border color

This element has a border color of #305097.

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

CSS codes

.text {color:#305097;}

.background {background-color:#305097;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#0a1120
```
#0a1120 rgb(10,17,32)
```
#0f192f
```
#0f192f rgb(15,25,47)
```
#14213e
```
#14213e rgb(20,33,62)
```
#18294d
```
#18294d rgb(24,41,77)
```
#1d305b
```
#1d305b rgb(29,48,91)
```
#22386a
```
#22386a rgb(34,56,106)
```
#274079
```
#274079 rgb(39,64,121)
```
#2b4888
```
#2b4888 rgb(43,72,136)
```
#305097
```
#305097 rgb(48,80,151)
```
#3558a6
```
#3558a6 rgb(53,88,166)
```
#3960b5
```
#3960b5 rgb(57,96,181)
```

Shade Color Variation

#4068c2
```
#4068c2 rgb(64,104,194)
```
#4f74c7
```
#4f74c7 rgb(79,116,199)
```
#5d80cc
```
#5d80cc rgb(93,128,204)
```
#6c8bd0
```
#6c8bd0 rgb(108,139,208)
```
#7b97d5
```
#7b97d5 rgb(123,151,213)
```
#8aa3da
```
#8aa3da rgb(138,163,218)
```
#99afdf
```
#99afdf rgb(153,175,223)
```
#a8bae3
```
#a8bae3 rgb(168,186,227)
```
#b7c6e8
```
#b7c6e8 rgb(183,198,232)
```
#c6d2ed
```
#c6d2ed rgb(198,210,237)
```
#d5def1
```
#d5def1 rgb(213,222,241)
```
#e3e9f6
```
#e3e9f6 rgb(227,233,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

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

#5e6169
```
#5e6169 rgb(94,97,105)
```
#565e71
```
#565e71 rgb(86,94,113)
```
#4f5c78
```
#4f5c78 rgb(79,92,120)
```
#475980
```
#475980 rgb(71,89,128)
```
#3f5688
```
#3f5688 rgb(63,86,136)
```
#38538f
```
#38538f rgb(56,83,143)
```
#305097
```
#305097 rgb(48,80,151)
```
#284d9f
```
#284d9f rgb(40,77,159)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#1947ae
```
#1947ae rgb(25,71,174)
```
#1144b6
```
#1144b6 rgb(17,68,182)
```
#0a42bd
```
#0a42bd rgb(10,66,189)
```
#023fc5
```
#023fc5 rgb(2,63,197)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#37599c Protanopia 1% of men
#145d9a Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#34569a Protanomaly 1% of men, 0.01% of women
#1e5899 Deuteranomaly 6% of men, 0.4% of women
#115d7b Tritanomaly 0.01% of the population

#305097 hex color

#305097 Color Information

#305097 Color Conversion

Color Schemes with #305097

Alternatives to #305097

#305097 Preview

Shades and Tints of #305097

Tones of #305097

Color Blindness Simulator