#3481fc hex color

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

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

● #3481fc color description : Bright blue.

The hexadecimal color #3481fc has RGB values of R:52, G:129, B:252 and CMYK values of C:0.79, M:0.49, Y:0, K:0.01. Its decimal value is 3441148.

Hex triplet	3481fc	`#3481fc`
RGB Decimal	52, 129, 252	`rgb(52,129,252)`
RGB Percent	20.4, 50.6, 98.8	`rgb(20.4%,50.6%,98.8%)`
CMYK	79, 49, 0, 1
HSL	216.9°, 97.1, 59.6	`hsl(216.9,97.1%,59.6%)`
HSV (or HSB)	216.9°, 79.4, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.54, 19.645, -67.903
XYZ	26.833, 23.457, 95.204
xyY	0.184, 0.161, 23.457
CIE-LCH	55.54, 70.687, 286.136
CIE-LUV	55.54, -26.184, -108.692
Hunter-Lab	48.432, 14.139, -82.644
Binary	00110100, 10000001, 11111100

#3481fc
```
#3481fc rgb(52,129,252)
```
#fcaf34
```
#fcaf34 rgb(252,175,52)
```

Complementary Color

#34e5fc
```
#34e5fc rgb(52,229,252)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#4b34fc
```
#4b34fc rgb(75,52,252)
```

Analogous Color

#e5fc34
```
#e5fc34 rgb(229,252,52)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#fc4b34
```
#fc4b34 rgb(252,75,52)
```

Split Complementary Color

#81fc34
```
#81fc34 rgb(129,252,52)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#fc3481
```
#fc3481 rgb(252,52,129)
```

Triadic Color

#34fcaf
```
#34fcaf rgb(52,252,175)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#fc3481
```
#fc3481 rgb(252,52,129)
```
#fcaf34
```
#fcaf34 rgb(252,175,52)
```

Tetradic Color

#0358e0
```
#0358e0 rgb(3,88,224)
```
#0462f9
```
#0462f9 rgb(4,98,249)
```
#1b71fc
```
#1b71fc rgb(27,113,252)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#4d91fc
```
#4d91fc rgb(77,145,252)
```
#66a0fd
```
#66a0fd rgb(102,160,253)
```
#7fb0fd
```
#7fb0fd rgb(127,176,253)
```

Monochromatic Color

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

#34b3fc
```
#34b3fc rgb(52,179,252)
```
#34a2fc
```
#34a2fc rgb(52,162,252)
```
#3492fc
```
#3492fc rgb(52,146,252)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#3470fc
```
#3470fc rgb(52,112,252)
```
#3460fc
```
#3460fc rgb(52,96,252)
```
#344ffc
```
#344ffc rgb(52,79,252)
```

Similar Colors

Text with hexadecimal color #3481fc

This text has a font color of #3481fc.

<span style="color:#3481fc;">Text here</span>

#3481fc background color

This paragraph has a background color of #3481fc.

<p style="background-color:#3481fc;">Content here</p>

#3481fc border color

This element has a border color of #3481fc.

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

CSS codes

.text {color:#3481fc;}

.background {background-color:#3481fc;}

.border {border:1px solid #3481fc;}

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

#00040a
```
#00040a rgb(0,4,10)
```
#000b1d
```
#000b1d rgb(0,11,29)
```
#011330
```
#011330 rgb(1,19,48)
```
#011b44
```
#011b44 rgb(1,27,68)
```
#012257
```
#012257 rgb(1,34,87)
```
#022a6a
```
#022a6a rgb(2,42,106)
```
#02317e
```
#02317e rgb(2,49,126)
```
#023991
```
#023991 rgb(2,57,145)
```
#0241a4
```
#0241a4 rgb(2,65,164)
```
#0348b8
```
#0348b8 rgb(3,72,184)
```
#0350cb
```
#0350cb rgb(3,80,203)
```
#0358de
```
#0358de rgb(3,88,222)
```
#045ff2
```
#045ff2 rgb(4,95,242)
```

Shade Color Variation

#0d69fb
```
#0d69fb rgb(13,105,251)
```
#2175fc
```
#2175fc rgb(33,117,252)
```
#3481fc
```
#3481fc rgb(52,129,252)
```
#478dfc
```
#478dfc rgb(71,141,252)
```
#5b99fd
```
#5b99fd rgb(91,153,253)
```
#6ea5fd
```
#6ea5fd rgb(110,165,253)
```
#81b1fd
```
#81b1fd rgb(129,177,253)
```
#95bdfd
```
#95bdfd rgb(149,189,253)
```
#a8c9fe
```
#a8c9fe rgb(168,201,254)
```
#bbd5fe
```
#bbd5fe rgb(187,213,254)
```
#cfe1fe
```
#cfe1fe rgb(207,225,254)
```
#e2edff
```
#e2edff rgb(226,237,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#93979d
```
#93979d rgb(147,151,157)
```
#8b95a5
```
#8b95a5 rgb(139,149,165)
```
#8393ad
```
#8393ad rgb(131,147,173)
```
#7b91b5
```
#7b91b5 rgb(123,145,181)
```
#7390bd
```
#7390bd rgb(115,144,189)
```
#6b8ec5
```
#6b8ec5 rgb(107,142,197)
```
#648ccc
```
#648ccc rgb(100,140,204)
```
#5c8ad4
```
#5c8ad4 rgb(92,138,212)
```
#5488dc
```
#5488dc rgb(84,136,220)
```
#4c86e4
```
#4c86e4 rgb(76,134,228)
```
#4485ec
```
#4485ec rgb(68,133,236)
```
#3c83f4
```
#3c83f4 rgb(60,131,244)
```
#3481fc
```
#3481fc rgb(52,129,252)
```

Tone Color Variation

Below, you can see how #3481fc 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
#6a7a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f87fc Protanopia 1% of men
#008eea Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3b85fc Protanomaly 1% of men, 0.01% of women
#1289f0 Deuteranomaly 6% of men, 0.4% of women
#1290c2 Tritanomaly 0.01% of the population

#3481fc hex color

#3481fc Color Information

#3481fc Color Conversion

Color Schemes with #3481fc

Alternatives to #3481fc

#3481fc Preview

Shades and Tints of #3481fc

Tones of #3481fc

Color Blindness Simulator