#30748b hex color

In a RGB color space, hex #30748b is composed of 18.8% red, 45.5% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 16.5% magenta, 0% yellow and 45.5% black. It has a hue angle of 195.2 degrees, a saturation of 48.7% and a lightness of 36.7%. #30748b color hex could be obtained by blending #60e8ff with #000017. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 45
- B 55
RGB color chart
- C 65
- M 17
- Y 0
- K 45
CMYK color chart

● #30748b color description : Dark moderate blue.

The hexadecimal color #30748b has RGB values of R:48, G:116, B:139 and CMYK values of C:0.65, M:0.17, Y:0, K:0.45. Its decimal value is 3175563.

Hex triplet	30748b	`#30748b`
RGB Decimal	48, 116, 139	`rgb(48,116,139)`
RGB Percent	18.8, 45.5, 54.5	`rgb(18.8%,45.5%,54.5%)`
CMYK	65, 17, 0, 45
HSL	195.2°, 48.7, 36.7	`hsl(195.2,48.7%,36.7%)`
HSV (or HSB)	195.2°, 65.5, 54.5
Web Safe	336699	`#336699`

CIE-LAB	45.61, -13.871, -18.925
XYZ	12.123, 14.982, 26.678
xyY	0.225, 0.279, 14.982
CIE-LCH	45.61, 23.464, 233.759
CIE-LUV	45.61, -26.57, -25.392
Hunter-Lab	38.707, -11.83, -13.769
Binary	00110000, 01110100, 10001011

#30748b
```
#30748b rgb(48,116,139)
```
#8b4730
```
#8b4730 rgb(139,71,48)
```

Complementary Color

#308b75
```
#308b75 rgb(48,139,117)
```
#30748b
```
#30748b rgb(48,116,139)
```
#30478b
```
#30478b rgb(48,71,139)
```

Analogous Color

#8b7530
```
#8b7530 rgb(139,117,48)
```
#30748b
```
#30748b rgb(48,116,139)
```
#8b3047
```
#8b3047 rgb(139,48,71)
```

Split Complementary Color

#748b30
```
#748b30 rgb(116,139,48)
```
#30748b
```
#30748b rgb(48,116,139)
```
#8b3074
```
#8b3074 rgb(139,48,116)
```

Triadic Color

#308b47
```
#308b47 rgb(48,139,71)
```
#30748b
```
#30748b rgb(48,116,139)
```
#8b3074
```
#8b3074 rgb(139,48,116)
```
#8b4730
```
#8b4730 rgb(139,71,48)
```

Tetradic Color

#1c4552
```
#1c4552 rgb(28,69,82)
```
#235465
```
#235465 rgb(35,84,101)
```
#296478
```
#296478 rgb(41,100,120)
```
#30748b
```
#30748b rgb(48,116,139)
```
#37849e
```
#37849e rgb(55,132,158)
```
#3d94b1
```
#3d94b1 rgb(61,148,177)
```
#48a1c0
```
#48a1c0 rgb(72,161,192)
```

Monochromatic Color

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

#308b8b
```
#308b8b rgb(48,139,139)
```
#30838b
```
#30838b rgb(48,131,139)
```
#307c8b
```
#307c8b rgb(48,124,139)
```
#30748b
```
#30748b rgb(48,116,139)
```
#306c8b
```
#306c8b rgb(48,108,139)
```
#30658b
```
#30658b rgb(48,101,139)
```
#305d8b
```
#305d8b rgb(48,93,139)
```

Similar Colors

Text with hexadecimal color #30748b

This text has a font color of #30748b.

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

#30748b background color

This paragraph has a background color of #30748b.

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

#30748b border color

This element has a border color of #30748b.

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

CSS codes

.text {color:#30748b;}

.background {background-color:#30748b;}

.border {border:1px solid #30748b;}

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

#030608
```
#030608 rgb(3,6,8)
```
#081316
```
#081316 rgb(8,19,22)
```
#0d1f25
```
#0d1f25 rgb(13,31,37)
```
#122b34
```
#122b34 rgb(18,43,52)
```
#173742
```
#173742 rgb(23,55,66)
```
#1c4351
```
#1c4351 rgb(28,67,81)
```
#214f5f
```
#214f5f rgb(33,79,95)
```
#265c6e
```
#265c6e rgb(38,92,110)
```
#2b687c
```
#2b687c rgb(43,104,124)
```
#30748b
```
#30748b rgb(48,116,139)
```
#35809a
```
#35809a rgb(53,128,154)
```
#3a8ca8
```
#3a8ca8 rgb(58,140,168)
```
#3f99b7
```
#3f99b7 rgb(63,153,183)
```

Shade Color Variation

#49a2c0
```
#49a2c0 rgb(73,162,192)
```
#58aac5
```
#58aac5 rgb(88,170,197)
```
#66b1ca
```
#66b1ca rgb(102,177,202)
```
#75b8cf
```
#75b8cf rgb(117,184,207)
```
#84c0d4
```
#84c0d4 rgb(132,192,212)
```
#92c7d9
```
#92c7d9 rgb(146,199,217)
```
#a1cfde
```
#a1cfde rgb(161,207,222)
```
#afd6e3
```
#afd6e3 rgb(175,214,227)
```
#bedee9
```
#bedee9 rgb(190,222,233)
```
#cce5ee
```
#cce5ee rgb(204,229,238)
```
#dbedf3
```
#dbedf3 rgb(219,237,243)
```
#eaf4f8
```
#eaf4f8 rgb(234,244,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#5b5f60
```
#5b5f60 rgb(91,95,96)
```
#546267
```
#546267 rgb(84,98,103)
```
#4d666e
```
#4d666e rgb(77,102,110)
```
#466975
```
#466975 rgb(70,105,117)
```
#3e6d7d
```
#3e6d7d rgb(62,109,125)
```
#377084
```
#377084 rgb(55,112,132)
```
#30748b
```
#30748b rgb(48,116,139)
```
#297892
```
#297892 rgb(41,120,146)
```
#227b99
```
#227b99 rgb(34,123,153)
```
#1a7fa1
```
#1a7fa1 rgb(26,127,161)
```
#1382a8
```
#1382a8 rgb(19,130,168)
```
#0c86af
```
#0c86af rgb(12,134,175)
```
#0589b6
```
#0589b6 rgb(5,137,182)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#58666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d728b Protanopia 1% of men
#6b7194 Deuteranopia 1% of men
#337d86 Tritanopia 0.001% of the population

Trichromacy

#57738b Protanomaly 1% of men, 0.01% of women
#557291 Deuteranomaly 6% of men, 0.4% of women
#327988 Tritanomaly 0.01% of the population

#30748b hex color

#30748b Color Information

#30748b Color Conversion

Color Schemes with #30748b

Alternatives to #30748b

#30748b Preview

Shades and Tints of #30748b

Tones of #30748b

Color Blindness Simulator