#305f7f hex color

In a RGB color space, hex #305f7f is composed of 18.8% red, 37.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 25.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 204.3 degrees, a saturation of 45.1% and a lightness of 34.3%. #305f7f color hex could be obtained by blending #60befe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 50
RGB color chart
- C 62
- M 25
- Y 0
- K 50
CMYK color chart

● #305f7f color description : Dark moderate blue.

The hexadecimal color #305f7f has RGB values of R:48, G:95, B:127 and CMYK values of C:0.62, M:0.25, Y:0, K:0.5. Its decimal value is 3170175.

Hex triplet	305f7f	`#305f7f`
RGB Decimal	48, 95, 127	`rgb(48,95,127)`
RGB Percent	18.8, 37.3, 49.8	`rgb(18.8%,37.3%,49.8%)`
CMYK	62, 25, 0, 50
HSL	204.3°, 45.1, 34.3	`hsl(204.3,45.1%,34.3%)`
HSV (or HSB)	204.3°, 62.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	38.454, -5.634, -22.744
XYZ	9.141, 10.344, 21.592
xyY	0.223, 0.252, 10.344
CIE-LCH	38.454, 23.432, 256.087
CIE-LUV	38.454, -19.112, -30.962
Hunter-Lab	32.163, -5.554, -17.29
Binary	00110000, 01011111, 01111111

#305f7f
```
#305f7f rgb(48,95,127)
```
#7f5030
```
#7f5030 rgb(127,80,48)
```

Complementary Color

#307f78
```
#307f78 rgb(48,127,120)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#30387f
```
#30387f rgb(48,56,127)
```

Analogous Color

#7f7830
```
#7f7830 rgb(127,120,48)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#7f3038
```
#7f3038 rgb(127,48,56)
```

Split Complementary Color

#5f7f30
```
#5f7f30 rgb(95,127,48)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#7f305f
```
#7f305f rgb(127,48,95)
```

Triadic Color

#307f50
```
#307f50 rgb(48,127,80)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#7f305f
```
#7f305f rgb(127,48,95)
```
#7f5030
```
#7f5030 rgb(127,80,48)
```

Tetradic Color

#1b3547
```
#1b3547 rgb(27,53,71)
```
#22435a
```
#22435a rgb(34,67,90)
```
#29516c
```
#29516c rgb(41,81,108)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#376d92
```
#376d92 rgb(55,109,146)
```
#3e7ba4
```
#3e7ba4 rgb(62,123,164)
```
#4589b7
```
#4589b7 rgb(69,137,183)
```

Monochromatic Color

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

#30737f
```
#30737f rgb(48,115,127)
```
#306c7f
```
#306c7f rgb(48,108,127)
```
#30667f
```
#30667f rgb(48,102,127)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#30587f
```
#30587f rgb(48,88,127)
```
#30527f
```
#30527f rgb(48,82,127)
```
#304b7f
```
#304b7f rgb(48,75,127)
```

Similar Colors

Text with hexadecimal color #305f7f

This text has a font color of #305f7f.

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

#305f7f background color

This paragraph has a background color of #305f7f.

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

#305f7f border color

This element has a border color of #305f7f.

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

CSS codes

.text {color:#305f7f;}

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

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

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

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a141b
```
#0a141b rgb(10,20,27)
```
#101f2a
```
#101f2a rgb(16,31,42)
```
#152a38
```
#152a38 rgb(21,42,56)
```
#1a3446
```
#1a3446 rgb(26,52,70)
```
#203f54
```
#203f54 rgb(32,63,84)
```
#254a63
```
#254a63 rgb(37,74,99)
```
#2b5471
```
#2b5471 rgb(43,84,113)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#356a8d
```
#356a8d rgb(53,106,141)
```
#3b749b
```
#3b749b rgb(59,116,155)
```
#407faa
```
#407faa rgb(64,127,170)
```
#468ab8
```
#468ab8 rgb(70,138,184)
```

Shade Color Variation

#5393be
```
#5393be rgb(83,147,190)
```
#619cc3
```
#619cc3 rgb(97,156,195)
```
#70a5c9
```
#70a5c9 rgb(112,165,201)
```
#7eaece
```
#7eaece rgb(126,174,206)
```
#8cb7d4
```
#8cb7d4 rgb(140,183,212)
```
#9ac0d9
```
#9ac0d9 rgb(154,192,217)
```
#a8c8de
```
#a8c8de rgb(168,200,222)
```
#b7d1e4
```
#b7d1e4 rgb(183,209,228)
```
#c5dae9
```
#c5dae9 rgb(197,218,233)
```
#d3e3ee
```
#d3e3ee rgb(211,227,238)
```
#e1ecf4
```
#e1ecf4 rgb(225,236,244)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52595d is the less saturated color, while #0168ae is the most saturated one.

#52595d
```
#52595d rgb(82,89,93)
```
#4b5a64
```
#4b5a64 rgb(75,90,100)
```
#445b6b
```
#445b6b rgb(68,91,107)
```
#3d5c72
```
#3d5c72 rgb(61,92,114)
```
#375e78
```
#375e78 rgb(55,94,120)
```
#305f7f
```
#305f7f rgb(48,95,127)
```
#296086
```
#296086 rgb(41,96,134)
```
#23628c
```
#23628c rgb(35,98,140)
```
#1c6393
```
#1c6393 rgb(28,99,147)
```
#15649a
```
#15649a rgb(21,100,154)
```
#0e65a1
```
#0e65a1 rgb(14,101,161)
```
#0867a7
```
#0867a7 rgb(8,103,167)
```
#0168ae
```
#0168ae rgb(1,104,174)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e575d Atypical Achromatopsia 0.001% of the population

Dichromacy

#596181 Protanopia 1% of men
#546287 Deuteranopia 1% of men
#2f6a72 Tritanopia 0.001% of the population

Trichromacy

#4a6080 Protanomaly 1% of men, 0.01% of women
#476184 Deuteranomaly 6% of men, 0.4% of women
#2f6677 Tritanomaly 0.01% of the population

#305f7f hex color

#305f7f Color Information

#305f7f Color Conversion

Color Schemes with #305f7f

Alternatives to #305f7f

#305f7f Preview

Shades and Tints of #305f7f

Tones of #305f7f

Color Blindness Simulator