#30749d hex color

In a RGB color space, hex #30749d is composed of 18.8% red, 45.5% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 26.1% magenta, 0% yellow and 38.4% black. It has a hue angle of 202.6 degrees, a saturation of 53.2% and a lightness of 40.2%. #30749d color hex could be obtained by blending #60e8ff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 45
- B 62
RGB color chart
- C 69
- M 26
- Y 0
- K 38
CMYK color chart

● #30749d color description : Dark moderate blue.

The hexadecimal color #30749d has RGB values of R:48, G:116, B:157 and CMYK values of C:0.69, M:0.26, Y:0, K:0.38. Its decimal value is 3175581.

Hex triplet	30749d	`#30749d`
RGB Decimal	48, 116, 157	`rgb(48,116,157)`
RGB Percent	18.8, 45.5, 61.6	`rgb(18.8%,45.5%,61.6%)`
CMYK	69, 26, 0, 38
HSL	202.6°, 53.2, 40.2	`hsl(202.6,53.2%,40.2%)`
HSV (or HSB)	202.6°, 69.4, 61.6
Web Safe	336699	`#336699`

CIE-LAB	46.382, -7.697, -28.376
XYZ	13.549, 15.552, 34.184
xyY	0.214, 0.246, 15.552
CIE-LCH	46.382, 29.402, 254.823
CIE-LUV	46.382, -25.763, -40.83
Hunter-Lab	39.437, -7.69, -23.788
Binary	00110000, 01110100, 10011101

#30749d
```
#30749d rgb(48,116,157)
```
#9d5930
```
#9d5930 rgb(157,89,48)
```

Complementary Color

#309d90
```
#309d90 rgb(48,157,144)
```
#30749d
```
#30749d rgb(48,116,157)
```
#303e9d
```
#303e9d rgb(48,62,157)
```

Analogous Color

#9d9030
```
#9d9030 rgb(157,144,48)
```
#30749d
```
#30749d rgb(48,116,157)
```
#9d303e
```
#9d303e rgb(157,48,62)
```

Split Complementary Color

#749d30
```
#749d30 rgb(116,157,48)
```
#30749d
```
#30749d rgb(48,116,157)
```
#9d3074
```
#9d3074 rgb(157,48,116)
```

Triadic Color

#309d59
```
#309d59 rgb(48,157,89)
```
#30749d
```
#30749d rgb(48,116,157)
```
#9d3074
```
#9d3074 rgb(157,48,116)
```
#9d5930
```
#9d5930 rgb(157,89,48)
```

Tetradic Color

#1e4962
```
#1e4962 rgb(30,73,98)
```
#245776
```
#245776 rgb(36,87,118)
```
#2a6689
```
#2a6689 rgb(42,102,137)
```
#30749d
```
#30749d rgb(48,116,157)
```
#3682b1
```
#3682b1 rgb(54,130,177)
```
#3c91c4
```
#3c91c4 rgb(60,145,196)
```
#509cc9
```
#509cc9 rgb(80,156,201)
```

Monochromatic Color

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

#308f9d
```
#308f9d rgb(48,143,157)
```
#30869d
```
#30869d rgb(48,134,157)
```
#307d9d
```
#307d9d rgb(48,125,157)
```
#30749d
```
#30749d rgb(48,116,157)
```
#306b9d
```
#306b9d rgb(48,107,157)
```
#30629d
```
#30629d rgb(48,98,157)
```
#30599d
```
#30599d rgb(48,89,157)
```

Similar Colors

Text with hexadecimal color #30749d

This text has a font color of #30749d.

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

#30749d background color

This paragraph has a background color of #30749d.

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

#30749d border color

This element has a border color of #30749d.

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

CSS codes

.text {color:#30749d;}

.background {background-color:#30749d;}

.border {border:1px solid #30749d;}

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

#020507
```
#020507 rgb(2,5,7)
```
#071016
```
#071016 rgb(7,16,22)
```
#0b1b25
```
#0b1b25 rgb(11,27,37)
```
#102634
```
#102634 rgb(16,38,52)
```
#143143
```
#143143 rgb(20,49,67)
```
#193d52
```
#193d52 rgb(25,61,82)
```
#1e4861
```
#1e4861 rgb(30,72,97)
```
#225370
```
#225370 rgb(34,83,112)
```
#275e7f
```
#275e7f rgb(39,94,127)
```
#2b698e
```
#2b698e rgb(43,105,142)
```
#30749d
```
#30749d rgb(48,116,157)
```
#357fac
```
#357fac rgb(53,127,172)
```
#398abb
```
#398abb rgb(57,138,187)
```

Shade Color Variation

#4294c5
```
#4294c5 rgb(66,148,197)
```
#529dca
```
#529dca rgb(82,157,202)
```
#61a5cf
```
#61a5cf rgb(97,165,207)
```
#70aed3
```
#70aed3 rgb(112,174,211)
```
#7fb6d8
```
#7fb6d8 rgb(127,182,216)
```
#8ebfdc
```
#8ebfdc rgb(142,191,220)
```
#9dc7e1
```
#9dc7e1 rgb(157,199,225)
```
#acd0e6
```
#acd0e6 rgb(172,208,230)
```
#bbd8ea
```
#bbd8ea rgb(187,216,234)
```
#cae1ef
```
#cae1ef rgb(202,225,239)
```
#d9e9f3
```
#d9e9f3 rgb(217,233,243)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#5f686e
```
#5f686e rgb(95,104,110)
```
#576a76
```
#576a76 rgb(87,106,118)
```
#506c7d
```
#506c7d rgb(80,108,125)
```
#486e85
```
#486e85 rgb(72,110,133)
```
#40708d
```
#40708d rgb(64,112,141)
```
#387295
```
#387295 rgb(56,114,149)
```
#30749d
```
#30749d rgb(48,116,157)
```
#2876a5
```
#2876a5 rgb(40,118,165)
```
#2078ad
```
#2078ad rgb(32,120,173)
```
#187ab5
```
#187ab5 rgb(24,122,181)
```
#107cbd
```
#107cbd rgb(16,124,189)
```
#097ec4
```
#097ec4 rgb(9,126,196)
```
#0180cc
```
#0180cc rgb(1,128,204)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5a676f Atypical Achromatopsia 0.001% of the population

Dichromacy

#68749d Protanopia 1% of men
#6074a4 Deuteranopia 1% of men
#258089 Tritanopia 0.001% of the population

Trichromacy

#53749d Protanomaly 1% of men, 0.01% of women
#4f74a1 Deuteranomaly 6% of men, 0.4% of women
#297b90 Tritanomaly 0.01% of the population

#30749d hex color

#30749d Color Information

#30749d Color Conversion

Color Schemes with #30749d

Alternatives to #30749d

#30749d Preview

Shades and Tints of #30749d

Tones of #30749d

Color Blindness Simulator