#348fee hex color

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

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

● #348fee color description : Bright blue.

The hexadecimal color #348fee has RGB values of R:52, G:143, B:238 and CMYK values of C:0.78, M:0.4, Y:0, K:0.07. Its decimal value is 3444718.

Hex triplet	348fee	`#348fee`
RGB Decimal	52, 143, 238	`rgb(52,143,238)`
RGB Percent	20.4, 56.1, 93.3	`rgb(20.4%,56.1%,93.3%)`
CMYK	78, 40, 0, 7
HSL	210.6°, 84.5, 56.9	`hsl(210.6,84.5%,56.9%)`
HSV (or HSB)	210.6°, 78.2, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.552, 5.987, -55.33
XYZ	26.668, 26.546, 84.603
xyY	0.194, 0.193, 26.546
CIE-LCH	58.552, 55.653, 276.176
CIE-LUV	58.552, -30.951, -88.526
Hunter-Lab	51.523, 2.225, -61.291
Binary	00110100, 10001111, 11101110

#348fee
```
#348fee rgb(52,143,238)
```
#ee9334
```
#ee9334 rgb(238,147,52)
```

Complementary Color

#34ecee
```
#34ecee rgb(52,236,238)
```
#348fee
```
#348fee rgb(52,143,238)
```
#3634ee
```
#3634ee rgb(54,52,238)
```

Analogous Color

#ecee34
```
#ecee34 rgb(236,238,52)
```
#348fee
```
#348fee rgb(52,143,238)
```
#ee3634
```
#ee3634 rgb(238,54,52)
```

Split Complementary Color

#8fee34
```
#8fee34 rgb(143,238,52)
```
#348fee
```
#348fee rgb(52,143,238)
```
#ee348f
```
#ee348f rgb(238,52,143)
```

Triadic Color

#34ee93
```
#34ee93 rgb(52,238,147)
```
#348fee
```
#348fee rgb(52,143,238)
```
#ee348f
```
#ee348f rgb(238,52,143)
```
#ee9334
```
#ee9334 rgb(238,147,52)
```

Tetradic Color

#1069c5
```
#1069c5 rgb(16,105,197)
```
#1275dd
```
#1275dd rgb(18,117,221)
```
#1c82ec
```
#1c82ec rgb(28,130,236)
```
#348fee
```
#348fee rgb(52,143,238)
```
#4c9cf0
```
#4c9cf0 rgb(76,156,240)
```
#63a9f2
```
#63a9f2 rgb(99,169,242)
```
#7bb6f4
```
#7bb6f4 rgb(123,182,244)
```

Monochromatic Color

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

#34beee
```
#34beee rgb(52,190,238)
```
#34aeee
```
#34aeee rgb(52,174,238)
```
#349fee
```
#349fee rgb(52,159,238)
```
#348fee
```
#348fee rgb(52,143,238)
```
#3480ee
```
#3480ee rgb(52,128,238)
```
#3470ee
```
#3470ee rgb(52,112,238)
```
#3460ee
```
#3460ee rgb(52,96,238)
```

Similar Colors

Text with hexadecimal color #348fee

This text has a font color of #348fee.

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

#348fee background color

This paragraph has a background color of #348fee.

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

#348fee border color

This element has a border color of #348fee.

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

CSS codes

.text {color:#348fee;}

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

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

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

#01080e
```
#01080e rgb(1,8,14)
```
#031120
```
#031120 rgb(3,17,32)
```
#041b32
```
#041b32 rgb(4,27,50)
```
#062444
```
#062444 rgb(6,36,68)
```
#072e57
```
#072e57 rgb(7,46,87)
```
#093869
```
#093869 rgb(9,56,105)
```
#0a417b
```
#0a417b rgb(10,65,123)
```
#0c4b8d
```
#0c4b8d rgb(12,75,141)
```
#0d559f
```
#0d559f rgb(13,85,159)
```
#0f5eb1
```
#0f5eb1 rgb(15,94,177)
```
#1068c3
```
#1068c3 rgb(16,104,195)
```
#1271d5
```
#1271d5 rgb(18,113,213)
```
#137be7
```
#137be7 rgb(19,123,231)
```

Shade Color Variation

#2285ec
```
#2285ec rgb(34,133,236)
```
#348fee
```
#348fee rgb(52,143,238)
```
#4699f0
```
#4699f0 rgb(70,153,240)
```
#58a3f1
```
#58a3f1 rgb(88,163,241)
```
#6aadf3
```
#6aadf3 rgb(106,173,243)
```
#7cb7f4
```
#7cb7f4 rgb(124,183,244)
```
#8ec1f6
```
#8ec1f6 rgb(142,193,246)
```
#a1cbf7
```
#a1cbf7 rgb(161,203,247)
```
#b3d5f9
```
#b3d5f9 rgb(179,213,249)
```
#c5dffa
```
#c5dffa rgb(197,223,250)
```
#d7e9fc
```
#d7e9fc rgb(215,233,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 #238fff is the most saturated one.

#899199
```
#899199 rgb(137,145,153)
```
#8091a2
```
#8091a2 rgb(128,145,162)
```
#7890aa
```
#7890aa rgb(120,144,170)
```
#6f90b3
```
#6f90b3 rgb(111,144,179)
```
#6790bb
```
#6790bb rgb(103,144,187)
```
#5e90c4
```
#5e90c4 rgb(94,144,196)
```
#5690cc
```
#5690cc rgb(86,144,204)
```
#4d90d5
```
#4d90d5 rgb(77,144,213)
```
#458fdd
```
#458fdd rgb(69,143,221)
```
#3c8fe6
```
#3c8fe6 rgb(60,143,230)
```
#348fee
```
#348fee rgb(52,143,238)
```
#2c8ff6
```
#2c8ff6 rgb(44,143,246)
```
#238fff
```
#238fff rgb(35,143,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#708295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698fea Protanopia 1% of men
#4494ef Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#558feb Protanomaly 1% of men, 0.01% of women
#3e92ee Deuteranomaly 6% of men, 0.4% of women
#129ac3 Tritanomaly 0.01% of the population

#348fee hex color

#348fee Color Information

#348fee Color Conversion

Color Schemes with #348fee

Alternatives to #348fee

#348fee Preview

Shades and Tints of #348fee

Tones of #348fee

Color Blindness Simulator