#348cbf hex color

In a RGB color space, hex #348cbf is composed of 20.4% red, 54.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 26.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 202 degrees, a saturation of 57.2% and a lightness of 47.6%. #348cbf color hex could be obtained by blending #68ffff with #00197f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 55
- B 75
RGB color chart
- C 73
- M 27
- Y 0
- K 25
CMYK color chart

● #348cbf color description : Moderate blue.

The hexadecimal color #348cbf has RGB values of R:52, G:140, B:191 and CMYK values of C:0.73, M:0.27, Y:0, K:0.25. Its decimal value is 3443903.

Hex triplet	348cbf	`#348cbf`
RGB Decimal	52, 140, 191	`rgb(52,140,191)`
RGB Percent	20.4, 54.9, 74.9	`rgb(20.4%,54.9%,74.9%)`
CMYK	73, 27, 0, 25
HSL	202°, 57.2, 47.6	`hsl(202,57.2%,47.6%)`
HSV (or HSB)	202°, 72.8, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.325, -9.072, -34.065
XYZ	20.196, 23.246, 52.71
xyY	0.21, 0.242, 23.246
CIE-LCH	55.325, 35.252, 255.087
CIE-LUV	55.325, -32.046, -51.322
Hunter-Lab	48.214, -9.605, -31.068
Binary	00110100, 10001100, 10111111

#348cbf
```
#348cbf rgb(52,140,191)
```
#bf6734
```
#bf6734 rgb(191,103,52)
```

Complementary Color

#34bfad
```
#34bfad rgb(52,191,173)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#3447bf
```
#3447bf rgb(52,71,191)
```

Analogous Color

#bfad34
```
#bfad34 rgb(191,173,52)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#bf3447
```
#bf3447 rgb(191,52,71)
```

Split Complementary Color

#8cbf34
```
#8cbf34 rgb(140,191,52)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#bf348c
```
#bf348c rgb(191,52,140)
```

Triadic Color

#34bf67
```
#34bf67 rgb(52,191,103)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#bf348c
```
#bf348c rgb(191,52,140)
```
#bf6734
```
#bf6734 rgb(191,103,52)
```

Tetradic Color

#246083
```
#246083 rgb(36,96,131)
```
#296f97
```
#296f97 rgb(41,111,151)
```
#2f7dab
```
#2f7dab rgb(47,125,171)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#4199cb
```
#4199cb rgb(65,153,203)
```
#55a3d1
```
#55a3d1 rgb(85,163,209)
```
#69aed6
```
#69aed6 rgb(105,174,214)
```

Monochromatic Color

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

#34afbf
```
#34afbf rgb(52,175,191)
```
#34a3bf
```
#34a3bf rgb(52,163,191)
```
#3498bf
```
#3498bf rgb(52,152,191)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#3480bf
```
#3480bf rgb(52,128,191)
```
#3475bf
```
#3475bf rgb(52,117,191)
```
#3469bf
```
#3469bf rgb(52,105,191)
```

Similar Colors

Text with hexadecimal color #348cbf

This text has a font color of #348cbf.

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

#348cbf background color

This paragraph has a background color of #348cbf.

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

#348cbf border color

This element has a border color of #348cbf.

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

CSS codes

.text {color:#348cbf;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#061015
```
#061015 rgb(6,16,21)
```
#0a1b25
```
#0a1b25 rgb(10,27,37)
```
#0e2634
```
#0e2634 rgb(14,38,52)
```
#123244
```
#123244 rgb(18,50,68)
```
#173d53
```
#173d53 rgb(23,61,83)
```
#1b4862
```
#1b4862 rgb(27,72,98)
```
#1f5372
```
#1f5372 rgb(31,83,114)
```
#235f81
```
#235f81 rgb(35,95,129)
```
#276a91
```
#276a91 rgb(39,106,145)
```
#2c75a0
```
#2c75a0 rgb(44,117,160)
```
#3081b0
```
#3081b0 rgb(48,129,176)
```
#348cbf
```
#348cbf rgb(52,140,191)
```

Shade Color Variation

#3d96ca
```
#3d96ca rgb(61,150,202)
```
#4c9ece
```
#4c9ece rgb(76,158,206)
```
#5ba7d2
```
#5ba7d2 rgb(91,167,210)
```
#6bafd7
```
#6bafd7 rgb(107,175,215)
```
#7ab7db
```
#7ab7db rgb(122,183,219)
```
#8ac0df
```
#8ac0df rgb(138,192,223)
```
#99c8e3
```
#99c8e3 rgb(153,200,227)
```
#a8d0e7
```
#a8d0e7 rgb(168,208,231)
```
#b8d9ec
```
#b8d9ec rgb(184,217,236)
```
#c7e1f0
```
#c7e1f0 rgb(199,225,240)
```
#d7e9f4
```
#d7e9f4 rgb(215,233,244)
```
#e6f2f8
```
#e6f2f8 rgb(230,242,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7e is the less saturated color, while #0598ee is the most saturated one.

#757b7e
```
#757b7e rgb(117,123,126)
```
#6c7d87
```
#6c7d87 rgb(108,125,135)
```
#638090
```
#638090 rgb(99,128,144)
```
#59829a
```
#59829a rgb(89,130,154)
```
#5085a3
```
#5085a3 rgb(80,133,163)
```
#4787ac
```
#4787ac rgb(71,135,172)
```
#3d8ab6
```
#3d8ab6 rgb(61,138,182)
```
#348cbf
```
#348cbf rgb(52,140,191)
```
#2b8ec8
```
#2b8ec8 rgb(43,142,200)
```
#2191d2
```
#2191d2 rgb(33,145,210)
```
#1893db
```
#1893db rgb(24,147,219)
```
#0f96e4
```
#0f96e4 rgb(15,150,228)
```
#0598ee
```
#0598ee rgb(5,152,238)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6a7c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a89bc Protanopia 1% of men
#6f8ac5 Deuteranopia 1% of men
#1698a3 Tritanopia 0.001% of the population

Trichromacy

#608abd Protanomaly 1% of men, 0.01% of women
#598ac3 Deuteranomaly 6% of men, 0.4% of women
#2193ad Tritanomaly 0.01% of the population

#348cbf hex color

#348cbf Color Information

#348cbf Color Conversion

Color Schemes with #348cbf

Alternatives to #348cbf

#348cbf Preview

Shades and Tints of #348cbf

Tones of #348cbf

Color Blindness Simulator