#348cee hex color

In a RGB color space, hex #348cee is composed of 20.4% red, 54.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 41.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.6 degrees, a saturation of 84.5% and a lightness of 56.9%. #348cee color hex could be obtained by blending #68ffff with #0019dd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 55
- B 93
RGB color chart
- C 78
- M 41
- Y 0
- K 7
CMYK color chart

● #348cee color description : Bright blue.

The hexadecimal color #348cee has RGB values of R:52, G:140, B:238 and CMYK values of C:0.78, M:0.41, Y:0, K:0.07. Its decimal value is 3443950.

Hex triplet	348cee	`#348cee`
RGB Decimal	52, 140, 238	`rgb(52,140,238)`
RGB Percent	20.4, 54.9, 93.3	`rgb(20.4%,54.9%,93.3%)`
CMYK	78, 41, 0, 7
HSL	211.6°, 84.5, 56.9	`hsl(211.6,84.5%,56.9%)`
HSV (or HSB)	211.6°, 78.2, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.71, 7.785, -56.673
XYZ	26.223, 25.657, 84.454
xyY	0.192, 0.188, 25.657
CIE-LCH	57.71, 57.206, 277.822
CIE-LUV	57.71, -29.989, -90.633
Hunter-Lab	50.653, 3.768, -63.398
Binary	00110100, 10001100, 11101110

#348cee
```
#348cee rgb(52,140,238)
```
#ee9634
```
#ee9634 rgb(238,150,52)
```

Complementary Color

#34e9ee
```
#34e9ee rgb(52,233,238)
```
#348cee
```
#348cee rgb(52,140,238)
```
#3934ee
```
#3934ee rgb(57,52,238)
```

Analogous Color

#e9ee34
```
#e9ee34 rgb(233,238,52)
```
#348cee
```
#348cee rgb(52,140,238)
```
#ee3934
```
#ee3934 rgb(238,57,52)
```

Split Complementary Color

#8cee34
```
#8cee34 rgb(140,238,52)
```
#348cee
```
#348cee rgb(52,140,238)
```
#ee348c
```
#ee348c rgb(238,52,140)
```

Triadic Color

#34ee96
```
#34ee96 rgb(52,238,150)
```
#348cee
```
#348cee rgb(52,140,238)
```
#ee348c
```
#ee348c rgb(238,52,140)
```
#ee9634
```
#ee9634 rgb(238,150,52)
```

Tetradic Color

#1066c5
```
#1066c5 rgb(16,102,197)
```
#1272dd
```
#1272dd rgb(18,114,221)
```
#1c7fec
```
#1c7fec rgb(28,127,236)
```
#348cee
```
#348cee rgb(52,140,238)
```
#4c99f0
```
#4c99f0 rgb(76,153,240)
```
#63a7f2
```
#63a7f2 rgb(99,167,242)
```
#7bb4f4
```
#7bb4f4 rgb(123,180,244)
```

Monochromatic Color

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

#34bbee
```
#34bbee rgb(52,187,238)
```
#34abee
```
#34abee rgb(52,171,238)
```
#349cee
```
#349cee rgb(52,156,238)
```
#348cee
```
#348cee rgb(52,140,238)
```
#347dee
```
#347dee rgb(52,125,238)
```
#346dee
```
#346dee rgb(52,109,238)
```
#345dee
```
#345dee rgb(52,93,238)
```

Similar Colors

Text with hexadecimal color #348cee

This text has a font color of #348cee.

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

#348cee background color

This paragraph has a background color of #348cee.

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

#348cee border color

This element has a border color of #348cee.

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

CSS codes

.text {color:#348cee;}

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

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

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#031120
```
#031120 rgb(3,17,32)
```
#041a32
```
#041a32 rgb(4,26,50)
```
#062344
```
#062344 rgb(6,35,68)
```
#072d57
```
#072d57 rgb(7,45,87)
```
#093669
```
#093669 rgb(9,54,105)
```
#0a407b
```
#0a407b rgb(10,64,123)
```
#0c498d
```
#0c498d rgb(12,73,141)
```
#0d529f
```
#0d529f rgb(13,82,159)
```
#0f5cb1
```
#0f5cb1 rgb(15,92,177)
```
#1065c3
```
#1065c3 rgb(16,101,195)
```
#126ed5
```
#126ed5 rgb(18,110,213)
```
#1378e7
```
#1378e7 rgb(19,120,231)
```

Shade Color Variation

#2282ec
```
#2282ec rgb(34,130,236)
```
#348cee
```
#348cee rgb(52,140,238)
```
#4696f0
```
#4696f0 rgb(70,150,240)
```
#58a1f1
```
#58a1f1 rgb(88,161,241)
```
#6aabf3
```
#6aabf3 rgb(106,171,243)
```
#7cb5f4
```
#7cb5f4 rgb(124,181,244)
```
#8ebff6
```
#8ebff6 rgb(142,191,246)
```
#a1caf7
```
#a1caf7 rgb(161,202,247)
```
#b3d4f9
```
#b3d4f9 rgb(179,212,249)
```
#c5defa
```
#c5defa rgb(197,222,250)
```
#d7e8fc
```
#d7e8fc rgb(215,232,252)
```
#e9f3fd
```
#e9f3fd rgb(233,243,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#899199
```
#899199 rgb(137,145,153)
```
#8090a2
```
#8090a2 rgb(128,144,162)
```
#7890aa
```
#7890aa rgb(120,144,170)
```
#6f8fb3
```
#6f8fb3 rgb(111,143,179)
```
#678fbb
```
#678fbb rgb(103,143,187)
```
#5e8ec4
```
#5e8ec4 rgb(94,142,196)
```
#568ecc
```
#568ecc rgb(86,142,204)
```
#4d8dd5
```
#4d8dd5 rgb(77,141,213)
```
#458ddd
```
#458ddd rgb(69,141,221)
```
#3c8ce6
```
#3c8ce6 rgb(60,140,230)
```
#348cee
```
#348cee rgb(52,140,238)
```
#2c8cf6
```
#2c8cf6 rgb(44,140,246)
```
#238bff
```
#238bff rgb(35,139,255)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#648deb Protanopia 1% of men
#3a92ee Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#528dec Protanomaly 1% of men, 0.01% of women
#3790ee Deuteranomaly 6% of men, 0.4% of women
#1297c2 Tritanomaly 0.01% of the population

#348cee hex color

#348cee Color Information

#348cee Color Conversion

Color Schemes with #348cee

Alternatives to #348cee

#348cee Preview

Shades and Tints of #348cee

Tones of #348cee

Color Blindness Simulator