#303d7f hex color

In a RGB color space, hex #303d7f is composed of 18.8% red, 23.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 52% magenta, 0% yellow and 50.2% black. It has a hue angle of 230.1 degrees, a saturation of 45.1% and a lightness of 34.3%. #303d7f color hex could be obtained by blending #607afe with #000000. Closest websafe color is: #333366.

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

● #303d7f color description : Dark moderate blue.

The hexadecimal color #303d7f has RGB values of R:48, G:61, B:127 and CMYK values of C:0.62, M:0.52, Y:0, K:0.5. Its decimal value is 3161471.

Hex triplet	303d7f	`#303d7f`
RGB Decimal	48, 61, 127	`rgb(48,61,127)`
RGB Percent	18.8, 23.9, 49.8	`rgb(18.8%,23.9%,49.8%)`
CMYK	62, 52, 0, 50
HSL	230.1°, 45.1, 34.3	`hsl(230.1,45.1%,34.3%)`
HSV (or HSB)	230.1°, 62.2, 49.8
Web Safe	333366	`#333366`

CIE-LAB	28.108, 16.604, -39.108
XYZ	6.718, 5.498, 20.785
xyY	0.204, 0.167, 5.498
CIE-LCH	28.108, 42.487, 293.004
CIE-LUV	28.108, -7.499, -51.821
Hunter-Lab	23.447, 10.107, -36.144
Binary	00110000, 00111101, 01111111

#303d7f
```
#303d7f rgb(48,61,127)
```
#7f7230
```
#7f7230 rgb(127,114,48)
```

Complementary Color

#30657f
```
#30657f rgb(48,101,127)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#4a307f
```
#4a307f rgb(74,48,127)
```

Analogous Color

#657f30
```
#657f30 rgb(101,127,48)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#7f4a30
```
#7f4a30 rgb(127,74,48)
```

Split Complementary Color

#3d7f30
```
#3d7f30 rgb(61,127,48)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#7f303d
```
#7f303d rgb(127,48,61)
```

Triadic Color

#307f72
```
#307f72 rgb(48,127,114)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#7f303d
```
#7f303d rgb(127,48,61)
```
#7f7230
```
#7f7230 rgb(127,114,48)
```

Tetradic Color

#1b2247
```
#1b2247 rgb(27,34,71)
```
#222b5a
```
#222b5a rgb(34,43,90)
```
#29346c
```
#29346c rgb(41,52,108)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#374692
```
#374692 rgb(55,70,146)
```
#3e4fa4
```
#3e4fa4 rgb(62,79,164)
```
#4558b7
```
#4558b7 rgb(69,88,183)
```

Monochromatic Color

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

#30517f
```
#30517f rgb(48,81,127)
```
#304a7f
```
#304a7f rgb(48,74,127)
```
#30447f
```
#30447f rgb(48,68,127)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#30367f
```
#30367f rgb(48,54,127)
```
#30307f
```
#30307f rgb(48,48,127)
```
#37307f
```
#37307f rgb(55,48,127)
```

Similar Colors

Text with hexadecimal color #303d7f

This text has a font color of #303d7f.

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

#303d7f background color

This paragraph has a background color of #303d7f.

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

#303d7f border color

This element has a border color of #303d7f.

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

CSS codes

.text {color:#303d7f;}

.background {background-color:#303d7f;}

.border {border:1px solid #303d7f;}

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

#05060d
```
#05060d rgb(5,6,13)
```
#0a0d1b
```
#0a0d1b rgb(10,13,27)
```
#10142a
```
#10142a rgb(16,20,42)
```
#151b38
```
#151b38 rgb(21,27,56)
```
#1a2246
```
#1a2246 rgb(26,34,70)
```
#202854
```
#202854 rgb(32,40,84)
```
#252f63
```
#252f63 rgb(37,47,99)
```
#2b3671
```
#2b3671 rgb(43,54,113)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#35448d
```
#35448d rgb(53,68,141)
```
#3b4b9b
```
#3b4b9b rgb(59,75,155)
```
#4052aa
```
#4052aa rgb(64,82,170)
```
#4658b8
```
#4658b8 rgb(70,88,184)
```

Shade Color Variation

#5365be
```
#5365be rgb(83,101,190)
```
#6171c3
```
#6171c3 rgb(97,113,195)
```
#707ec9
```
#707ec9 rgb(112,126,201)
```
#7e8bce
```
#7e8bce rgb(126,139,206)
```
#8c98d4
```
#8c98d4 rgb(140,152,212)
```
#9aa5d9
```
#9aa5d9 rgb(154,165,217)
```
#a8b1de
```
#a8b1de rgb(168,177,222)
```
#b7bee4
```
#b7bee4 rgb(183,190,228)
```
#c5cbe9
```
#c5cbe9 rgb(197,203,233)
```
#d3d8ee
```
#d3d8ee rgb(211,216,238)
```
#e1e4f4
```
#e1e4f4 rgb(225,228,244)
```
#f0f1f9
```
#f0f1f9 rgb(240,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#52545d
```
#52545d rgb(82,84,93)
```
#4b4f64
```
#4b4f64 rgb(75,79,100)
```
#444b6b
```
#444b6b rgb(68,75,107)
```
#3d4672
```
#3d4672 rgb(61,70,114)
```
#374278
```
#374278 rgb(55,66,120)
```
#303d7f
```
#303d7f rgb(48,61,127)
```
#293886
```
#293886 rgb(41,56,134)
```
#23348c
```
#23348c rgb(35,52,140)
```
#1c2f93
```
#1c2f93 rgb(28,47,147)
```
#152b9a
```
#152b9a rgb(21,43,154)
```
#0e26a1
```
#0e26a1 rgb(14,38,161)
```
#0822a7
```
#0822a7 rgb(8,34,167)
```
#011dae
```
#011dae rgb(1,29,174)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#254a88 Protanopia 1% of men
#004d80 Deuteranopia 1% of men
#1e5258 Tritanopia 0.001% of the population

Trichromacy

#294584 Protanomaly 1% of men, 0.01% of women
#114780 Deuteranomaly 6% of men, 0.4% of women
#244a66 Tritanomaly 0.01% of the population

#303d7f hex color

#303d7f Color Information

#303d7f Color Conversion

Color Schemes with #303d7f

Alternatives to #303d7f

#303d7f Preview

Shades and Tints of #303d7f

Tones of #303d7f

Color Blindness Simulator