#3481f4 hex color

In a RGB color space, hex #3481f4 is composed of 20.4% red, 50.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 47.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 215.9 degrees, a saturation of 89.7% and a lightness of 58%. #3481f4 color hex could be obtained by blending #68ffff with #0003e9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 51
- B 96
RGB color chart
- C 79
- M 47
- Y 0
- K 4
CMYK color chart

● #3481f4 color description : Bright blue.

The hexadecimal color #3481f4 has RGB values of R:52, G:129, B:244 and CMYK values of C:0.79, M:0.47, Y:0, K:0.04. Its decimal value is 3441140.

Hex triplet	3481f4	`#3481f4`
RGB Decimal	52, 129, 244	`rgb(52,129,244)`
RGB Percent	20.4, 50.6, 95.7	`rgb(20.4%,50.6%,95.7%)`
CMYK	79, 47, 0, 4
HSL	215.9°, 89.7, 58	`hsl(215.9,89.7%,58%)`
HSV (or HSB)	215.9°, 78.7, 95.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.031, 16.698, -64.297
XYZ	25.592, 22.96, 88.666
xyY	0.187, 0.167, 22.96
CIE-LCH	55.031, 66.43, 284.558
CIE-LUV	55.031, -26.386, -102.607
Hunter-Lab	47.917, 11.481, -76.169
Binary	00110100, 10000001, 11110100

#3481f4
```
#3481f4 rgb(52,129,244)
```
#f4a734
```
#f4a734 rgb(244,167,52)
```

Complementary Color

#34e1f4
```
#34e1f4 rgb(52,225,244)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#4734f4
```
#4734f4 rgb(71,52,244)
```

Analogous Color

#e1f434
```
#e1f434 rgb(225,244,52)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#f44734
```
#f44734 rgb(244,71,52)
```

Split Complementary Color

#81f434
```
#81f434 rgb(129,244,52)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#f43481
```
#f43481 rgb(244,52,129)
```

Triadic Color

#34f4a7
```
#34f4a7 rgb(52,244,167)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#f43481
```
#f43481 rgb(244,52,129)
```
#f4a734
```
#f4a734 rgb(244,167,52)
```

Tetradic Color

#0b5ad0
```
#0b5ad0 rgb(11,90,208)
```
#0d65e8
```
#0d65e8 rgb(13,101,232)
```
#1c72f3
```
#1c72f3 rgb(28,114,243)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#4c90f5
```
#4c90f5 rgb(76,144,245)
```
#649ff7
```
#649ff7 rgb(100,159,247)
```
#7daef8
```
#7daef8 rgb(125,174,248)
```

Monochromatic Color

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

#34b1f4
```
#34b1f4 rgb(52,177,244)
```
#34a1f4
```
#34a1f4 rgb(52,161,244)
```
#3491f4
```
#3491f4 rgb(52,145,244)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#3471f4
```
#3471f4 rgb(52,113,244)
```
#3461f4
```
#3461f4 rgb(52,97,244)
```
#3451f4
```
#3451f4 rgb(52,81,244)
```

Similar Colors

Text with hexadecimal color #3481f4

This text has a font color of #3481f4.

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

#3481f4 background color

This paragraph has a background color of #3481f4.

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

#3481f4 border color

This element has a border color of #3481f4.

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

CSS codes

.text {color:#3481f4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010914
```
#010914 rgb(1,9,20)
```
#021127
```
#021127 rgb(2,17,39)
```
#031939
```
#031939 rgb(3,25,57)
```
#04214c
```
#04214c rgb(4,33,76)
```
#05295f
```
#05295f rgb(5,41,95)
```
#063171
```
#063171 rgb(6,49,113)
```
#073984
```
#073984 rgb(7,57,132)
```
#084197
```
#084197 rgb(8,65,151)
```
#0949a9
```
#0949a9 rgb(9,73,169)
```
#0a51bc
```
#0a51bc rgb(10,81,188)
```
#0b59ce
```
#0b59ce rgb(11,89,206)
```
#0c62e1
```
#0c62e1 rgb(12,98,225)
```

Shade Color Variation

#0f6af2
```
#0f6af2 rgb(15,106,242)
```
#2175f3
```
#2175f3 rgb(33,117,243)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#478df5
```
#478df5 rgb(71,141,245)
```
#5998f6
```
#5998f6 rgb(89,152,246)
```
#6ca4f7
```
#6ca4f7 rgb(108,164,247)
```
#7eaff8
```
#7eaff8 rgb(126,175,248)
```
#91bbf9
```
#91bbf9 rgb(145,187,249)
```
#a4c6fa
```
#a4c6fa rgb(164,198,250)
```
#b6d2fb
```
#b6d2fb rgb(182,210,251)
```
#c9ddfc
```
#c9ddfc rgb(201,221,252)
```
#dbe9fd
```
#dbe9fd rgb(219,233,253)
```
#eef4fe
```
#eef4fe rgb(238,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9399 is the less saturated color, while #2c7ffc is the most saturated one.

#8f9399
```
#8f9399 rgb(143,147,153)
```
#8691a2
```
#8691a2 rgb(134,145,162)
```
#7e90aa
```
#7e90aa rgb(126,144,170)
```
#768eb2
```
#768eb2 rgb(118,142,178)
```
#6e8cba
```
#6e8cba rgb(110,140,186)
```
#658bc3
```
#658bc3 rgb(101,139,195)
```
#5d89cb
```
#5d89cb rgb(93,137,203)
```
#5588d3
```
#5588d3 rgb(85,136,211)
```
#4d86db
```
#4d86db rgb(77,134,219)
```
#4484e4
```
#4484e4 rgb(68,132,228)
```
#3c83ec
```
#3c83ec rgb(60,131,236)
```
#3481f4
```
#3481f4 rgb(52,129,244)
```
#2c7ffc
```
#2c7ffc rgb(44,127,252)
```

Tone Color Variation

Below, you can see how #3481f4 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

#777777 Achromatopsia 0.005% of the population
#6a7990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4986f3 Protanopia 1% of men
#008ce8 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4184f3 Protanomaly 1% of men, 0.01% of women
#1288ec Deuteranomaly 6% of men, 0.4% of women
#128fbf Tritanomaly 0.01% of the population

#3481f4 hex color

#3481f4 Color Information

#3481f4 Color Conversion

Color Schemes with #3481f4

Alternatives to #3481f4

#3481f4 Preview

Shades and Tints of #3481f4

Tones of #3481f4

Color Blindness Simulator