colorhexa.com

#34748b hex color

In a RGB color space, hex #34748b is composed of 20.4% red, 45.5% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 16.5% magenta, 0% yellow and 45.5% black. It has a hue angle of 195.9 degrees, a saturation of 45.5% and a lightness of 37.5%. #34748b color hex could be obtained by blending #68e8ff with #000017. Closest websafe color is: #336699.

- R 20
- G 45
- B 55
RGB color chart
- C 63
- M 17
- Y 0
- K 45
CMYK color chart

● #34748b color description : Dark moderate blue.

The hexadecimal color #34748b has RGB values of R:52, G:116, B:139 and CMYK values of C:0.63, M:0.17, Y:0, K:0.45. Its decimal value is 3437707.

Hex triplet	34748b	`#34748b`
RGB Decimal	52, 116, 139	`rgb(52,116,139)`
RGB Percent	20.4, 45.5, 54.5	`rgb(20.4%,45.5%,54.5%)`
CMYK	63, 17, 0, 45
HSL	195.9°, 45.5, 37.5	`hsl(195.9,45.5%,37.5%)`
HSV (or HSB)	195.9°, 62.6, 54.5
Web Safe	336699	`#336699`

CIE-LAB	45.749, -13.113, -18.699
XYZ	12.321, 15.084, 26.687
xyY	0.228, 0.279, 15.084
CIE-LCH	45.749, 22.839, 234.959
CIE-LUV	45.749, -25.679, -25.151
Hunter-Lab	38.838, -11.342, -13.553
Binary	00110100, 01110100, 10001011

#34748b
```
#34748b rgb(52,116,139)
```
#8b4b34
```
#8b4b34 rgb(139,75,52)
```

Complementary Color

#348b77
```
#348b77 rgb(52,139,119)
```
#34748b
```
#34748b rgb(52,116,139)
```
#34498b
```
#34498b rgb(52,73,139)
```

Analogous Color

#8b7734
```
#8b7734 rgb(139,119,52)
```
#34748b
```
#34748b rgb(52,116,139)
```
#8b3448
```
#8b3448 rgb(139,52,72)
```

Split Complementary Color

#748b34
```
#748b34 rgb(116,139,52)
```
#34748b
```
#34748b rgb(52,116,139)
```
#8b3474
```
#8b3474 rgb(139,52,116)
```

Triadic Color

#348b4b
```
#348b4b rgb(52,139,75)
```
#34748b
```
#34748b rgb(52,116,139)
```
#8b3474
```
#8b3474 rgb(139,52,116)
```
#8b4b34
```
#8b4b34 rgb(139,75,52)
```

Tetradic Color

#1f4653
```
#1f4653 rgb(31,70,83)
```
#265566
```
#265566 rgb(38,85,102)
```
#2d6578
```
#2d6578 rgb(45,101,120)
```
#34748b
```
#34748b rgb(52,116,139)
```
#3b839e
```
#3b839e rgb(59,131,158)
```
#4293b0
```
#4293b0 rgb(66,147,176)
```
#4fa0bd
```
#4fa0bd rgb(79,160,189)
```

Monochromatic Color

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

#348a8b
```
#348a8b rgb(52,138,139)
```
#34838b
```
#34838b rgb(52,131,139)
```
#347b8b
```
#347b8b rgb(52,123,139)
```
#34748b
```
#34748b rgb(52,116,139)
```
#346d8b
```
#346d8b rgb(52,109,139)
```
#34668b
```
#34668b rgb(52,102,139)
```
#345e8b
```
#345e8b rgb(52,94,139)
```

Similar Colors

Text with hexadecimal color #34748b

This text has a font color of #34748b.

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

#34748b background color

This paragraph has a background color of #34748b.

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

#34748b border color

This element has a border color of #34748b.

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

CSS codes

.text {color:#34748b;}

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

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

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, #04090b is the darkest color, while #fbfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#091519
```
#091519 rgb(9,21,25)
```
#0f2127
```
#0f2127 rgb(15,33,39)
```
#142d35
```
#142d35 rgb(20,45,53)
```
#193844
```
#193844 rgb(25,56,68)
```
#1f4452
```
#1f4452 rgb(31,68,82)
```
#245060
```
#245060 rgb(36,80,96)
```
#295c6e
```
#295c6e rgb(41,92,110)
```
#2f687d
```
#2f687d rgb(47,104,125)
```
#34748b
```
#34748b rgb(52,116,139)
```
#398099
```
#398099 rgb(57,128,153)
```
#3f8ca8
```
#3f8ca8 rgb(63,140,168)
```
#4498b6
```
#4498b6 rgb(68,152,182)
```

Shade Color Variation

#50a1be
```
#50a1be rgb(80,161,190)
```
#5ea8c3
```
#5ea8c3 rgb(94,168,195)
```
#6cb0c8
```
#6cb0c8 rgb(108,176,200)
```
#7bb8ce
```
#7bb8ce rgb(123,184,206)
```
#89bfd3
```
#89bfd3 rgb(137,191,211)
```
#97c7d8
```
#97c7d8 rgb(151,199,216)
```
#a6cfde
```
#a6cfde rgb(166,207,222)
```
#b4d6e3
```
#b4d6e3 rgb(180,214,227)
```
#c2dee8
```
#c2dee8 rgb(194,222,232)
```
#d0e6ee
```
#d0e6ee rgb(208,230,238)
```
#dfeef3
```
#dfeef3 rgb(223,238,243)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#596366
```
#596366 rgb(89,99,102)
```
#51666e
```
#51666e rgb(81,102,110)
```
#4a6a75
```
#4a6a75 rgb(74,106,117)
```
#436d7c
```
#436d7c rgb(67,109,124)
```
#3b7184
```
#3b7184 rgb(59,113,132)
```
#34748b
```
#34748b rgb(52,116,139)
```
#2d7792
```
#2d7792 rgb(45,119,146)
```
#257b9a
```
#257b9a rgb(37,123,154)
```
#1e7ea1
```
#1e7ea1 rgb(30,126,161)
```
#1782a8
```
#1782a8 rgb(23,130,168)
```
#0f85b0
```
#0f85b0 rgb(15,133,176)
```
#0889b7
```
#0889b7 rgb(8,137,183)
```
#018cbe
```
#018cbe rgb(1,140,190)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5a666b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d728b Protanopia 1% of men
#6b7294 Deuteranopia 1% of men
#387d86 Tritanopia 0.001% of the population

Trichromacy

#58738b Protanomaly 1% of men, 0.01% of women
#577291 Deuteranomaly 6% of men, 0.4% of women
#367988 Tritanomaly 0.01% of the population