#349cfc hex color

In a RGB color space, hex #349cfc is composed of 20.4% red, 61.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 38.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.8 degrees, a saturation of 97.1% and a lightness of 59.6%. #349cfc color hex could be obtained by blending #68ffff with #0039f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 61
- B 99
RGB color chart
- C 79
- M 38
- Y 0
- K 1
CMYK color chart

● #349cfc color description : Bright blue.

The hexadecimal color #349cfc has RGB values of R:52, G:156, B:252 and CMYK values of C:0.79, M:0.38, Y:0, K:0.01. Its decimal value is 3448060.

Hex triplet	349cfc	`#349cfc`
RGB Decimal	52, 156, 252	`rgb(52,156,252)`
RGB Percent	20.4, 61.2, 98.8	`rgb(20.4%,61.2%,98.8%)`
CMYK	79, 38, 0, 1
HSL	208.8°, 97.1, 59.6	`hsl(208.8,97.1%,59.6%)`
HSV (or HSB)	208.8°, 79.4, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.955, 3.374, -56.015
XYZ	30.871, 31.533, 96.55
xyY	0.194, 0.198, 31.533
CIE-LCH	62.955, 56.117, 273.447
CIE-LUV	62.955, -34.554, -90.592
Hunter-Lab	56.154, -0.137, -62.634
Binary	00110100, 10011100, 11111100

#349cfc
```
#349cfc rgb(52,156,252)
```
#fc9434
```
#fc9434 rgb(252,148,52)
```

Complementary Color

#34fcf8
```
#34fcf8 rgb(52,252,248)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#3438fc
```
#3438fc rgb(52,56,252)
```

Analogous Color

#fcf834
```
#fcf834 rgb(252,248,52)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#fc3438
```
#fc3438 rgb(252,52,56)
```

Split Complementary Color

#9cfc34
```
#9cfc34 rgb(156,252,52)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#fc349c
```
#fc349c rgb(252,52,156)
```

Triadic Color

#34fc94
```
#34fc94 rgb(52,252,148)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#fc349c
```
#fc349c rgb(252,52,156)
```
#fc9434
```
#fc9434 rgb(252,148,52)
```

Tetradic Color

#0376e0
```
#0376e0 rgb(3,118,224)
```
#0483f9
```
#0483f9 rgb(4,131,249)
```
#1b90fc
```
#1b90fc rgb(27,144,252)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#4da8fc
```
#4da8fc rgb(77,168,252)
```
#66b5fd
```
#66b5fd rgb(102,181,253)
```
#7fc1fd
```
#7fc1fd rgb(127,193,253)
```

Monochromatic Color

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

#34cefc
```
#34cefc rgb(52,206,252)
```
#34bdfc
```
#34bdfc rgb(52,189,252)
```
#34adfc
```
#34adfc rgb(52,173,252)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#348bfc
```
#348bfc rgb(52,139,252)
```
#347bfc
```
#347bfc rgb(52,123,252)
```
#346afc
```
#346afc rgb(52,106,252)
```

Similar Colors

Text with hexadecimal color #349cfc

This text has a font color of #349cfc.

<span style="color:#349cfc;">Text here</span>

#349cfc background color

This paragraph has a background color of #349cfc.

<p style="background-color:#349cfc;">Content here</p>

#349cfc border color

This element has a border color of #349cfc.

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

CSS codes

.text {color:#349cfc;}

.background {background-color:#349cfc;}

.border {border:1px solid #349cfc;}

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, #00050a is the darkest color, while #f5faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#000f1d
```
#000f1d rgb(0,15,29)
```
#011930
```
#011930 rgb(1,25,48)
```
#012444
```
#012444 rgb(1,36,68)
```
#012e57
```
#012e57 rgb(1,46,87)
```
#02386a
```
#02386a rgb(2,56,106)
```
#02427e
```
#02427e rgb(2,66,126)
```
#024c91
```
#024c91 rgb(2,76,145)
```
#0257a4
```
#0257a4 rgb(2,87,164)
```
#0361b8
```
#0361b8 rgb(3,97,184)
```
#036bcb
```
#036bcb rgb(3,107,203)
```
#0375de
```
#0375de rgb(3,117,222)
```
#047ff2
```
#047ff2 rgb(4,127,242)
```

Shade Color Variation

#0d89fb
```
#0d89fb rgb(13,137,251)
```
#2193fc
```
#2193fc rgb(33,147,252)
```
#349cfc
```
#349cfc rgb(52,156,252)
```
#47a5fc
```
#47a5fc rgb(71,165,252)
```
#5baffd
```
#5baffd rgb(91,175,253)
```
#6eb8fd
```
#6eb8fd rgb(110,184,253)
```
#81c2fd
```
#81c2fd rgb(129,194,253)
```
#95cbfd
```
#95cbfd rgb(149,203,253)
```
#a8d5fe
```
#a8d5fe rgb(168,213,254)
```
#bbdefe
```
#bbdefe rgb(187,222,254)
```
#cfe7fe
```
#cfe7fe rgb(207,231,254)
```
#e2f1ff
```
#e2f1ff rgb(226,241,255)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93989d is the less saturated color, while #349cfc is the most saturated one.

#93989d
```
#93989d rgb(147,152,157)
```
#8b99a5
```
#8b99a5 rgb(139,153,165)
```
#8399ad
```
#8399ad rgb(131,153,173)
```
#7b99b5
```
#7b99b5 rgb(123,153,181)
```
#7399bd
```
#7399bd rgb(115,153,189)
```
#6b9ac5
```
#6b9ac5 rgb(107,154,197)
```
#649acc
```
#649acc rgb(100,154,204)
```
#5c9ad4
```
#5c9ad4 rgb(92,154,212)
```
#549bdc
```
#549bdc rgb(84,155,220)
```
#4c9be4
```
#4c9be4 rgb(76,155,228)
```
#449bec
```
#449bec rgb(68,155,236)
```
#3c9cf4
```
#3c9cf4 rgb(60,156,244)
```
#349cfc
```
#349cfc rgb(52,156,252)
```

Tone Color Variation

Below, you can see how #349cfc 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

#888888 Achromatopsia 0.005% of the population
#778c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#759af6 Protanopia 1% of men
#529efd Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#5d9bf8 Protanomaly 1% of men, 0.01% of women
#479dfc Deuteranomaly 6% of men, 0.4% of women
#12a6d1 Tritanomaly 0.01% of the population

#349cfc hex color

#349cfc Color Information

#349cfc Color Conversion

Color Schemes with #349cfc

Alternatives to #349cfc

#349cfc Preview

Shades and Tints of #349cfc

Tones of #349cfc

Color Blindness Simulator