#305298 hex color

In a RGB color space, hex #305298 is composed of 18.8% red, 32.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 46.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 220.4 degrees, a saturation of 52% and a lightness of 39.2%. #305298 color hex could be obtained by blending #60a4ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 32
- B 60
RGB color chart
- C 68
- M 46
- Y 0
- K 40
CMYK color chart

● #305298 color description : Dark moderate blue.

The hexadecimal color #305298 has RGB values of R:48, G:82, B:152 and CMYK values of C:0.68, M:0.46, Y:0, K:0.4. Its decimal value is 3166872.

Hex triplet	305298	`#305298`
RGB Decimal	48, 82, 152	`rgb(48,82,152)`
RGB Percent	18.8, 32.2, 59.6	`rgb(18.8%,32.2%,59.6%)`
CMYK	68, 46, 0, 40
HSL	220.4°, 52, 39.2	`hsl(220.4,52%,39.2%)`
HSV (or HSB)	220.4°, 68.4, 59.6
Web Safe	336699	`#336699`

CIE-LAB	35.848, 11.791, -42.046
XYZ	9.902, 8.929, 30.906
xyY	0.199, 0.18, 8.929
CIE-LCH	35.848, 43.668, 285.665
CIE-LUV	35.848, -14.166, -59.938
Hunter-Lab	29.882, 6.859, -40.404
Binary	00110000, 01010010, 10011000

#305298
```
#305298 rgb(48,82,152)
```
#987630
```
#987630 rgb(152,118,48)
```

Complementary Color

#308698
```
#308698 rgb(48,134,152)
```
#305298
```
#305298 rgb(48,82,152)
```
#423098
```
#423098 rgb(66,48,152)
```

Analogous Color

#869830
```
#869830 rgb(134,152,48)
```
#305298
```
#305298 rgb(48,82,152)
```
#984230
```
#984230 rgb(152,66,48)
```

Split Complementary Color

#529830
```
#529830 rgb(82,152,48)
```
#305298
```
#305298 rgb(48,82,152)
```
#983052
```
#983052 rgb(152,48,82)
```

Triadic Color

#309876
```
#309876 rgb(48,152,118)
```
#305298
```
#305298 rgb(48,82,152)
```
#983052
```
#983052 rgb(152,48,82)
```
#987630
```
#987630 rgb(152,118,48)
```

Tetradic Color

#1e335e
```
#1e335e rgb(30,51,94)
```
#243d71
```
#243d71 rgb(36,61,113)
```
#2a4885
```
#2a4885 rgb(42,72,133)
```
#305298
```
#305298 rgb(48,82,152)
```
#365cab
```
#365cab rgb(54,92,171)
```
#3c67bf
```
#3c67bf rgb(60,103,191)
```
#4e75c7
```
#4e75c7 rgb(78,117,199)
```

Monochromatic Color

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

#306c98
```
#306c98 rgb(48,108,152)
```
#306398
```
#306398 rgb(48,99,152)
```
#305b98
```
#305b98 rgb(48,91,152)
```
#305298
```
#305298 rgb(48,82,152)
```
#304998
```
#304998 rgb(48,73,152)
```
#304198
```
#304198 rgb(48,65,152)
```
#303898
```
#303898 rgb(48,56,152)
```

Similar Colors

Text with hexadecimal color #305298

This text has a font color of #305298.

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

#305298 background color

This paragraph has a background color of #305298.

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

#305298 border color

This element has a border color of #305298.

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

CSS codes

.text {color:#305298;}

.background {background-color:#305298;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060a12
```
#060a12 rgb(6,10,18)
```
#0a1221
```
#0a1221 rgb(10,18,33)
```
#0f1a30
```
#0f1a30 rgb(15,26,48)
```
#14223f
```
#14223f rgb(20,34,63)
```
#182a4d
```
#182a4d rgb(24,42,77)
```
#1d325c
```
#1d325c rgb(29,50,92)
```
#223a6b
```
#223a6b rgb(34,58,107)
```
#27427a
```
#27427a rgb(39,66,122)
```
#2b4a89
```
#2b4a89 rgb(43,74,137)
```
#305298
```
#305298 rgb(48,82,152)
```
#355aa7
```
#355aa7 rgb(53,90,167)
```
#3962b6
```
#3962b6 rgb(57,98,182)
```

Shade Color Variation

#406bc3
```
#406bc3 rgb(64,107,195)
```
#4f76c7
```
#4f76c7 rgb(79,118,199)
```
#5e82cc
```
#5e82cc rgb(94,130,204)
```
#6d8ed1
```
#6d8ed1 rgb(109,142,209)
```
#7c99d6
```
#7c99d6 rgb(124,153,214)
```
#8ba5da
```
#8ba5da rgb(139,165,218)
```
#9ab0df
```
#9ab0df rgb(154,176,223)
```
#a8bce4
```
#a8bce4 rgb(168,188,228)
```
#b7c7e8
```
#b7c7e8 rgb(183,199,232)
```
#c6d3ed
```
#c6d3ed rgb(198,211,237)
```
#d5dff2
```
#d5dff2 rgb(213,223,242)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#5e626a
```
#5e626a rgb(94,98,106)
```
#565f72
```
#565f72 rgb(86,95,114)
```
#4f5d79
```
#4f5d79 rgb(79,93,121)
```
#475a81
```
#475a81 rgb(71,90,129)
```
#3f5789
```
#3f5789 rgb(63,87,137)
```
#385590
```
#385590 rgb(56,85,144)
```
#305298
```
#305298 rgb(48,82,152)
```
#284fa0
```
#284fa0 rgb(40,79,160)
```
#214da7
```
#214da7 rgb(33,77,167)
```
#194aaf
```
#194aaf rgb(25,74,175)
```
#1147b7
```
#1147b7 rgb(17,71,183)
```
#0a45be
```
#0a45be rgb(10,69,190)
```
#0242c6
```
#0242c6 rgb(2,66,198)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a505e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5b9d Protanopia 1% of men
#1c5e9b Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#36579b Protanomaly 1% of men, 0.01% of women
#23599a Deuteranomaly 6% of men, 0.4% of women
#115e7d Tritanomaly 0.01% of the population

#305298 hex color

#305298 Color Information

#305298 Color Conversion

Color Schemes with #305298

Alternatives to #305298

#305298 Preview

Shades and Tints of #305298

Tones of #305298

Color Blindness Simulator