#348ace hex color

In a RGB color space, hex #348ace is composed of 20.4% red, 54.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 33% magenta, 0% yellow and 19.2% black. It has a hue angle of 206.5 degrees, a saturation of 61.1% and a lightness of 50.6%. #348ace color hex could be obtained by blending #68ffff with #00159d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 54
- B 81
RGB color chart
- C 75
- M 33
- Y 0
- K 19
CMYK color chart

● #348ace color description : Moderate blue.

The hexadecimal color #348ace has RGB values of R:52, G:138, B:206 and CMYK values of C:0.75, M:0.33, Y:0, K:0.19. Its decimal value is 3443406.

Hex triplet	348ace	`#348ace`
RGB Decimal	52, 138, 206	`rgb(52,138,206)`
RGB Percent	20.4, 54.1, 80.8	`rgb(20.4%,54.1%,80.8%)`
CMYK	75, 33, 0, 19
HSL	206.5°, 61.1, 50.6	`hsl(206.5,61.1%,50.6%)`
HSV (or HSB)	206.5°, 74.8, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.443, -2.62, -42.377
XYZ	21.643, 23.361, 61.758
xyY	0.203, 0.219, 23.361
CIE-LCH	55.443, 42.458, 266.463
CIE-LUV	55.443, -30.641, -65.654
Hunter-Lab	48.334, -4.656, -41.923
Binary	00110100, 10001010, 11001110

#348ace
```
#348ace rgb(52,138,206)
```
#ce7834
```
#ce7834 rgb(206,120,52)
```

Complementary Color

#34cec5
```
#34cec5 rgb(52,206,197)
```
#348ace
```
#348ace rgb(52,138,206)
```
#343dce
```
#343dce rgb(52,61,206)
```

Analogous Color

#cec534
```
#cec534 rgb(206,197,52)
```
#348ace
```
#348ace rgb(52,138,206)
```
#ce343d
```
#ce343d rgb(206,52,61)
```

Split Complementary Color

#8ace34
```
#8ace34 rgb(138,206,52)
```
#348ace
```
#348ace rgb(52,138,206)
```
#ce348a
```
#ce348a rgb(206,52,138)
```

Triadic Color

#34ce78
```
#34ce78 rgb(52,206,120)
```
#348ace
```
#348ace rgb(52,138,206)
```
#ce348a
```
#ce348a rgb(206,52,138)
```
#ce7834
```
#ce7834 rgb(206,120,52)
```

Tetradic Color

#236192
```
#236192 rgb(35,97,146)
```
#286fa7
```
#286fa7 rgb(40,111,167)
```
#2d7dbb
```
#2d7dbb rgb(45,125,187)
```
#348ace
```
#348ace rgb(52,138,206)
```
#4996d3
```
#4996d3 rgb(73,150,211)
```
#5da2d8
```
#5da2d8 rgb(93,162,216)
```
#72aedd
```
#72aedd rgb(114,174,221)
```

Monochromatic Color

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

#34b1ce
```
#34b1ce rgb(52,177,206)
```
#34a4ce
```
#34a4ce rgb(52,164,206)
```
#3497ce
```
#3497ce rgb(52,151,206)
```
#348ace
```
#348ace rgb(52,138,206)
```
#347dce
```
#347dce rgb(52,125,206)
```
#3470ce
```
#3470ce rgb(52,112,206)
```
#3464ce
```
#3464ce rgb(52,100,206)
```

Similar Colors

Text with hexadecimal color #348ace

This text has a font color of #348ace.

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

#348ace background color

This paragraph has a background color of #348ace.

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

#348ace border color

This element has a border color of #348ace.

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

CSS codes

.text {color:#348ace;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081722
```
#081722 rgb(8,23,34)
```
#0c2132
```
#0c2132 rgb(12,33,50)
```
#102c42
```
#102c42 rgb(16,44,66)
```
#143651
```
#143651 rgb(20,54,81)
```
#174161
```
#174161 rgb(23,65,97)
```
#1b4b71
```
#1b4b71 rgb(27,75,113)
```
#1f5681
```
#1f5681 rgb(31,86,129)
```
#236091
```
#236091 rgb(35,96,145)
```
#276ba0
```
#276ba0 rgb(39,107,160)
```
#2b75b0
```
#2b75b0 rgb(43,117,176)
```
#2e80c0
```
#2e80c0 rgb(46,128,192)
```

Shade Color Variation

#348ace
```
#348ace rgb(52,138,206)
```
#4493d2
```
#4493d2 rgb(68,147,210)
```
#549cd6
```
#549cd6 rgb(84,156,214)
```
#63a5d9
```
#63a5d9 rgb(99,165,217)
```
#73aedd
```
#73aedd rgb(115,174,221)
```
#83b8e1
```
#83b8e1 rgb(131,184,225)
```
#93c1e5
```
#93c1e5 rgb(147,193,229)
```
#a3cae9
```
#a3cae9 rgb(163,202,233)
```
#b2d3ed
```
#b2d3ed rgb(178,211,237)
```
#c2dcf0
```
#c2dcf0 rgb(194,220,240)
```
#d2e5f4
```
#d2e5f4 rgb(210,229,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78828a is the less saturated color, while #0490fe is the most saturated one.

#78828a
```
#78828a rgb(120,130,138)
```
#6e8394
```
#6e8394 rgb(110,131,148)
```
#64849e
```
#64849e rgb(100,132,158)
```
#5b85a7
```
#5b85a7 rgb(91,133,167)
```
#5187b1
```
#5187b1 rgb(81,135,177)
```
#4788bb
```
#4788bb rgb(71,136,187)
```
#3e89c4
```
#3e89c4 rgb(62,137,196)
```
#348ace
```
#348ace rgb(52,138,206)
```
#2a8bd8
```
#2a8bd8 rgb(42,139,216)
```
#218ce1
```
#218ce1 rgb(33,140,225)
```
#178deb
```
#178deb rgb(23,141,235)
```
#0d8ff5
```
#0d8ff5 rgb(13,143,245)
```
#0490fe
```
#0490fe rgb(4,144,254)
```

Tone Color Variation

Below, you can see how #348ace 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
#6a7c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7288cb Protanopia 1% of men
#608bd2 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#5b89cc Protanomaly 1% of men, 0.01% of women
#508ad0 Deuteranomaly 6% of men, 0.4% of women
#1293b2 Tritanomaly 0.01% of the population

#348ace hex color

#348ace Color Information

#348ace Color Conversion

Color Schemes with #348ace

Alternatives to #348ace

#348ace Preview

Shades and Tints of #348ace

Tones of #348ace

Color Blindness Simulator