#1481f8 hex color

In a RGB color space, hex #1481f8 is composed of 7.8% red, 50.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 48% magenta, 0% yellow and 2.7% black. It has a hue angle of 211.3 degrees, a saturation of 94.2% and a lightness of 52.5%. #1481f8 color hex could be obtained by blending #28ffff with #0003f1. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 51
- B 97
RGB color chart
- C 92
- M 48
- Y 0
- K 3
CMYK color chart

● #1481f8 color description : Vivid blue.

The hexadecimal color #1481f8 has RGB values of R:20, G:129, B:248 and CMYK values of C:0.92, M:0.48, Y:0, K:0.03. Its decimal value is 1343992.

Hex triplet	1481f8	`#1481f8`
RGB Decimal	20, 129, 248	`rgb(20,129,248)`
RGB Percent	7.8, 50.6, 97.3	`rgb(7.8%,50.6%,97.3%)`
CMYK	92, 48, 0, 3
HSL	211.3°, 94.2, 52.5	`hsl(211.3,94.2%,52.5%)`
HSV (or HSB)	211.3°, 91.9, 97.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.683, 16.024, -67.105
XYZ	25.078, 22.624, 91.847
xyY	0.18, 0.162, 22.624
CIE-LCH	54.683, 68.991, 283.43
CIE-LUV	54.683, -29.215, -106.756
Hunter-Lab	47.565, 10.874, -81.192
Binary	00010100, 10000001, 11111000

#1481f8
```
#1481f8 rgb(20,129,248)
```
#f88b14
```
#f88b14 rgb(248,139,20)
```

Complementary Color

#14f3f8
```
#14f3f8 rgb(20,243,248)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```
#1914f8
```
#1914f8 rgb(25,20,248)
```

Analogous Color

#f3f814
```
#f3f814 rgb(243,248,20)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```
#f81914
```
#f81914 rgb(248,25,20)
```

Split Complementary Color

#81f814
```
#81f814 rgb(129,248,20)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```
#f81481
```
#f81481 rgb(248,20,129)
```

Triadic Color

#14f88b
```
#14f88b rgb(20,248,139)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```
#f81481
```
#f81481 rgb(248,20,129)
```
#f88b14
```
#f88b14 rgb(248,139,20)
```

Tetradic Color

#065cba
```
#065cba rgb(6,92,186)
```
#0668d3
```
#0668d3 rgb(6,104,211)
```
#0774eb
```
#0774eb rgb(7,116,235)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```
#2d8ef9
```
#2d8ef9 rgb(45,142,249)
```
#469cf9
```
#469cf9 rgb(70,156,249)
```
#5ea9fa
```
#5ea9fa rgb(94,169,250)
```

Monochromatic Color

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

#14baf8
```
#14baf8 rgb(20,186,248)
```
#14a7f8
```
#14a7f8 rgb(20,167,248)
```
#1494f8
```
#1494f8 rgb(20,148,248)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```
#146ef8
```
#146ef8 rgb(20,110,248)
```
#145bf8
```
#145bf8 rgb(20,91,248)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```

Similar Colors

Text with hexadecimal color #1481f8

This text has a font color of #1481f8.

<span style="color:#1481f8;">Text here</span>

#1481f8 background color

This paragraph has a background color of #1481f8.

<p style="background-color:#1481f8;">Content here</p>

#1481f8 border color

This element has a border color of #1481f8.

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

CSS codes

.text {color:#1481f8;}

.background {background-color:#1481f8;}

.border {border:1px solid #1481f8;}

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, #00060d is the darkest color, while #f9fcff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#011020
```
#011020 rgb(1,16,32)
```
#021933
```
#021933 rgb(2,25,51)
```
#022246
```
#022246 rgb(2,34,70)
```
#032c59
```
#032c59 rgb(3,44,89)
```
#03356c
```
#03356c rgb(3,53,108)
```
#043f7f
```
#043f7f rgb(4,63,127)
```
#044892
```
#044892 rgb(4,72,146)
```
#0551a5
```
#0551a5 rgb(5,81,165)
```
#055bb8
```
#055bb8 rgb(5,91,184)
```
#0664cb
```
#0664cb rgb(6,100,203)
```
#076ede
```
#076ede rgb(7,110,222)
```
#0777f1
```
#0777f1 rgb(7,119,241)
```

Shade Color Variation

#1481f8
```
#1481f8 rgb(20,129,248)
```
#278bf9
```
#278bf9 rgb(39,139,249)
```
#3a95f9
```
#3a95f9 rgb(58,149,249)
```
#4da0fa
```
#4da0fa rgb(77,160,250)
```
#60aafa
```
#60aafa rgb(96,170,250)
```
#73b4fb
```
#73b4fb rgb(115,180,251)
```
#86befb
```
#86befb rgb(134,190,251)
```
#99c8fc
```
#99c8fc rgb(153,200,252)
```
#acd3fd
```
#acd3fd rgb(172,211,253)
```
#bfddfd
```
#bfddfd rgb(191,221,253)
```
#d2e7fe
```
#d2e7fe rgb(210,231,254)
```
#e6f1fe
```
#e6f1fe rgb(230,241,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848688 is the less saturated color, while #1481f8 is the most saturated one.

#848688
```
#848688 rgb(132,134,136)
```
#7a8592
```
#7a8592 rgb(122,133,146)
```
#71859b
```
#71859b rgb(113,133,155)
```
#6885a4
```
#6885a4 rgb(104,133,164)
```
#5e84ae
```
#5e84ae rgb(94,132,174)
```
#5584b7
```
#5584b7 rgb(85,132,183)
```
#4c83c0
```
#4c83c0 rgb(76,131,192)
```
#4383c9
```
#4383c9 rgb(67,131,201)
```
#3983d3
```
#3983d3 rgb(57,131,211)
```
#3082dc
```
#3082dc rgb(48,130,220)
```
#2782e5
```
#2782e5 rgb(39,130,229)
```
#1d81ef
```
#1d81ef rgb(29,129,239)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```

Tone Color Variation

Below, you can see how #1481f8 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

#6e6e6e Achromatopsia 0.005% of the population
#5c728a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4185f6 Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3183f7 Protanomaly 1% of men, 0.01% of women
#0788ec Deuteranomaly 6% of men, 0.4% of women
#078ebf Tritanomaly 0.01% of the population

#1481f8 hex color

#1481f8 Color Information

#1481f8 Color Conversion

Color Schemes with #1481f8

Alternatives to #1481f8

#1481f8 Preview

Shades and Tints of #1481f8

Tones of #1481f8

Color Blindness Simulator