#305e75 hex color

In a RGB color space, hex #305e75 is composed of 18.8% red, 36.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 19.7% magenta, 0% yellow and 54.1% black. It has a hue angle of 200 degrees, a saturation of 41.8% and a lightness of 32.4%. #305e75 color hex could be obtained by blending #60bcea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 46
RGB color chart
- C 59
- M 20
- Y 0
- K 54
CMYK color chart

● #305e75 color description : Dark moderate blue.

The hexadecimal color #305e75 has RGB values of R:48, G:94, B:117 and CMYK values of C:0.59, M:0.2, Y:0, K:0.54. Its decimal value is 3169909.

Hex triplet	305e75	`#305e75`
RGB Decimal	48, 94, 117	`rgb(48,94,117)`
RGB Percent	18.8, 36.9, 45.9	`rgb(18.8%,36.9%,45.9%)`
CMYK	59, 20, 0, 54
HSL	200°, 41.8, 32.4	`hsl(200,41.8%,32.4%)`
HSV (or HSB)	200°, 59, 45.9
Web Safe	336666	`#336666`

CIE-LAB	37.694, -8.445, -17.794
XYZ	8.432, 9.918, 18.299
xyY	0.23, 0.271, 9.918
CIE-LCH	37.694, 19.696, 244.611
CIE-LUV	37.694, -19.022, -23.27
Hunter-Lab	31.492, -7.32, -12.406
Binary	00110000, 01011110, 01110101

#305e75
```
#305e75 rgb(48,94,117)
```
#754730
```
#754730 rgb(117,71,48)
```

Complementary Color

#30756a
```
#30756a rgb(48,117,106)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#303c75
```
#303c75 rgb(48,60,117)
```

Analogous Color

#756a30
```
#756a30 rgb(117,106,48)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#75303c
```
#75303c rgb(117,48,60)
```

Split Complementary Color

#5e7530
```
#5e7530 rgb(94,117,48)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#75305e
```
#75305e rgb(117,48,94)
```

Triadic Color

#307547
```
#307547 rgb(48,117,71)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#75305e
```
#75305e rgb(117,48,94)
```
#754730
```
#754730 rgb(117,71,48)
```

Tetradic Color

#1a323f
```
#1a323f rgb(26,50,63)
```
#214151
```
#214151 rgb(33,65,81)
```
#294f63
```
#294f63 rgb(41,79,99)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#376d87
```
#376d87 rgb(55,109,135)
```
#3f7b99
```
#3f7b99 rgb(63,123,153)
```
#468aab
```
#468aab rgb(70,138,171)
```

Monochromatic Color

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

#306f75
```
#306f75 rgb(48,111,117)
```
#306a75
```
#306a75 rgb(48,106,117)
```
#306475
```
#306475 rgb(48,100,117)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#305875
```
#305875 rgb(48,88,117)
```
#305375
```
#305375 rgb(48,83,117)
```
#304d75
```
#304d75 rgb(48,77,117)
```

Similar Colors

Text with hexadecimal color #305e75

This text has a font color of #305e75.

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

#305e75 background color

This paragraph has a background color of #305e75.

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

#305e75 border color

This element has a border color of #305e75.

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

CSS codes

.text {color:#305e75;}

.background {background-color:#305e75;}

.border {border:1px solid #305e75;}

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

#020506
```
#020506 rgb(2,5,6)
```
#081014
```
#081014 rgb(8,16,20)
```
#0e1b22
```
#0e1b22 rgb(14,27,34)
```
#13262f
```
#13262f rgb(19,38,47)
```
#19313d
```
#19313d rgb(25,49,61)
```
#1f3c4b
```
#1f3c4b rgb(31,60,75)
```
#254859
```
#254859 rgb(37,72,89)
```
#2a5367
```
#2a5367 rgb(42,83,103)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#366983
```
#366983 rgb(54,105,131)
```
#3b7491
```
#3b7491 rgb(59,116,145)
```
#41809f
```
#41809f rgb(65,128,159)
```
#478bad
```
#478bad rgb(71,139,173)
```

Shade Color Variation

#5095b7
```
#5095b7 rgb(80,149,183)
```
#5e9dbd
```
#5e9dbd rgb(94,157,189)
```
#6ca6c3
```
#6ca6c3 rgb(108,166,195)
```
#7aaec8
```
#7aaec8 rgb(122,174,200)
```
#88b7ce
```
#88b7ce rgb(136,183,206)
```
#95bfd4
```
#95bfd4 rgb(149,191,212)
```
#a3c7d9
```
#a3c7d9 rgb(163,199,217)
```
#b1d0df
```
#b1d0df rgb(177,208,223)
```
#bfd8e5
```
#bfd8e5 rgb(191,216,229)
```
#cde1eb
```
#cde1eb rgb(205,225,235)
```
#dbe9f0
```
#dbe9f0 rgb(219,233,240)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505355 is the less saturated color, while #046da1 is the most saturated one.

#505355
```
#505355 rgb(80,83,85)
```
#49565c
```
#49565c rgb(73,86,92)
```
#435862
```
#435862 rgb(67,88,98)
```
#3d5a68
```
#3d5a68 rgb(61,90,104)
```
#365c6f
```
#365c6f rgb(54,92,111)
```
#305e75
```
#305e75 rgb(48,94,117)
```
#2a607b
```
#2a607b rgb(42,96,123)
```
#236282
```
#236282 rgb(35,98,130)
```
#1d6488
```
#1d6488 rgb(29,100,136)
```
#17668e
```
#17668e rgb(23,102,142)
```
#106995
```
#106995 rgb(16,105,149)
```
#0a6b9b
```
#0a6b9b rgb(10,107,155)
```
#046da1
```
#046da1 rgb(4,109,161)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6078 Protanopia 1% of men
#59607e Deuteranopia 1% of men
#346870 Tritanopia 0.001% of the population

Trichromacy

#4b5f77 Protanomaly 1% of men, 0.01% of women
#4a5f7b Deuteranomaly 6% of men, 0.4% of women
#336471 Tritanomaly 0.01% of the population

#305e75 hex color

#305e75 Color Information

#305e75 Color Conversion

Color Schemes with #305e75

Alternatives to #305e75

#305e75 Preview

Shades and Tints of #305e75

Tones of #305e75

Color Blindness Simulator