#348bad hex color

In a RGB color space, hex #348bad is composed of 20.4% red, 54.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 19.7% magenta, 0% yellow and 32.2% black. It has a hue angle of 196.9 degrees, a saturation of 53.8% and a lightness of 44.1%. #348bad color hex could be obtained by blending #68ffff with #00175b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 55
- B 68
RGB color chart
- C 70
- M 20
- Y 0
- K 32
CMYK color chart

● #348bad color description : Dark moderate blue.

The hexadecimal color #348bad has RGB values of R:52, G:139, B:173 and CMYK values of C:0.7, M:0.2, Y:0, K:0.32. Its decimal value is 3443629.

Hex triplet	348bad	`#348bad`
RGB Decimal	52, 139, 173	`rgb(52,139,173)`
RGB Percent	20.4, 54.5, 67.8	`rgb(20.4%,54.5%,67.8%)`
CMYK	70, 20, 0, 32
HSL	196.9°, 53.8, 44.1	`hsl(196.9,53.8%,44.1%)`
HSV (or HSB)	196.9°, 69.9, 67.8
Web Safe	339999	`#339999`

CIE-LAB	54.25, -14.665, -25.456
XYZ	18.19, 22.211, 42.861
xyY	0.218, 0.267, 22.211
CIE-LCH	54.25, 29.378, 240.053
CIE-LUV	54.25, -32.611, -36.551
Hunter-Lab	47.128, -13.581, -20.932
Binary	00110100, 10001011, 10101101

#348bad
```
#348bad rgb(52,139,173)
```
#ad5634
```
#ad5634 rgb(173,86,52)
```

Complementary Color

#34ad93
```
#34ad93 rgb(52,173,147)
```
#348bad
```
#348bad rgb(52,139,173)
```
#344fad
```
#344fad rgb(52,79,173)
```

Analogous Color

#ad9334
```
#ad9334 rgb(173,147,52)
```
#348bad
```
#348bad rgb(52,139,173)
```
#ad344f
```
#ad344f rgb(173,52,79)
```

Split Complementary Color

#8bad34
```
#8bad34 rgb(139,173,52)
```
#348bad
```
#348bad rgb(52,139,173)
```
#ad348b
```
#ad348b rgb(173,52,139)
```

Triadic Color

#34ad56
```
#34ad56 rgb(52,173,86)
```
#348bad
```
#348bad rgb(52,139,173)
```
#ad348b
```
#ad348b rgb(173,52,139)
```
#ad5634
```
#ad5634 rgb(173,86,52)
```

Tetradic Color

#225c72
```
#225c72 rgb(34,92,114)
```
#286b86
```
#286b86 rgb(40,107,134)
```
#2e7b99
```
#2e7b99 rgb(46,123,153)
```
#348bad
```
#348bad rgb(52,139,173)
```
#3a9bc1
```
#3a9bc1 rgb(58,155,193)
```
#4ba6c9
```
#4ba6c9 rgb(75,166,201)
```
#5fafcf
```
#5fafcf rgb(95,175,207)
```

Monochromatic Color

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

#34a9ad
```
#34a9ad rgb(52,169,173)
```
#349fad
```
#349fad rgb(52,159,173)
```
#3495ad
```
#3495ad rgb(52,149,173)
```
#348bad
```
#348bad rgb(52,139,173)
```
#3481ad
```
#3481ad rgb(52,129,173)
```
#3477ad
```
#3477ad rgb(52,119,173)
```
#346dad
```
#346dad rgb(52,109,173)
```

Similar Colors

Text with hexadecimal color #348bad

This text has a font color of #348bad.

<span style="color:#348bad;">Text here</span>

#348bad background color

This paragraph has a background color of #348bad.

<p style="background-color:#348bad;">Content here</p>

#348bad border color

This element has a border color of #348bad.

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

CSS codes

.text {color:#348bad;}

.background {background-color:#348bad;}

.border {border:1px solid #348bad;}

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

#020607
```
#020607 rgb(2,6,7)
```
#071216
```
#071216 rgb(7,18,22)
```
#0b1e25
```
#0b1e25 rgb(11,30,37)
```
#102a34
```
#102a34 rgb(16,42,52)
```
#143643
```
#143643 rgb(20,54,67)
```
#194253
```
#194253 rgb(25,66,83)
```
#1d4e62
```
#1d4e62 rgb(29,78,98)
```
#225b71
```
#225b71 rgb(34,91,113)
```
#266780
```
#266780 rgb(38,103,128)
```
#2b738f
```
#2b738f rgb(43,115,143)
```
#2f7f9e
```
#2f7f9e rgb(47,127,158)
```
#348bad
```
#348bad rgb(52,139,173)
```
#3997bc
```
#3997bc rgb(57,151,188)
```

Shade Color Variation

#42a1c6
```
#42a1c6 rgb(66,161,198)
```
#51a9cb
```
#51a9cb rgb(81,169,203)
```
#60b0cf
```
#60b0cf rgb(96,176,207)
```
#6fb8d4
```
#6fb8d4 rgb(111,184,212)
```
#7ebfd8
```
#7ebfd8 rgb(126,191,216)
```
#8dc7dd
```
#8dc7dd rgb(141,199,221)
```
#9dcee1
```
#9dcee1 rgb(157,206,225)
```
#acd6e6
```
#acd6e6 rgb(172,214,230)
```
#bbddea
```
#bbddea rgb(187,221,234)
```
#cae5ef
```
#cae5ef rgb(202,229,239)
```
#d9ecf4
```
#d9ecf4 rgb(217,236,244)
```
#e8f4f8
```
#e8f4f8 rgb(232,244,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#687479
```
#687479 rgb(104,116,121)
```
#5f7882
```
#5f7882 rgb(95,120,130)
```
#577c8a
```
#577c8a rgb(87,124,138)
```
#4e8093
```
#4e8093 rgb(78,128,147)
```
#45839c
```
#45839c rgb(69,131,156)
```
#3d87a4
```
#3d87a4 rgb(61,135,164)
```
#348bad
```
#348bad rgb(52,139,173)
```
#2b8fb6
```
#2b8fb6 rgb(43,143,182)
```
#2393be
```
#2393be rgb(35,147,190)
```
#1a96c7
```
#1a96c7 rgb(26,150,199)
```
#119ad0
```
#119ad0 rgb(17,154,208)
```
#099ed8
```
#099ed8 rgb(9,158,216)
```
#00a2e1
```
#00a2e1 rgb(0,162,225)
```

Tone Color Variation

Below, you can see how #348bad 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

#757575 Achromatopsia 0.005% of the population
#687980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e86aa Protanopia 1% of men
#7986b5 Deuteranopia 1% of men
#2f949f Tritanopia 0.001% of the population

Trichromacy

#6388ab Protanomaly 1% of men, 0.01% of women
#6088b2 Deuteranomaly 6% of men, 0.4% of women
#3190a4 Tritanomaly 0.01% of the population

#348bad hex color

#348bad Color Information

#348bad Color Conversion

Color Schemes with #348bad

Alternatives to #348bad

#348bad Preview

Shades and Tints of #348bad

Tones of #348bad

Color Blindness Simulator