#1054f1 hex color

In a RGB color space, hex #1054f1 is composed of 6.3% red, 32.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 65.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 221.9 degrees, a saturation of 88.9% and a lightness of 50.4%. #1054f1 color hex could be obtained by blending #20a8ff with #0000e3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 33
- B 95
RGB color chart
- C 93
- M 65
- Y 0
- K 5
CMYK color chart

● #1054f1 color description : Vivid blue.

The hexadecimal color #1054f1 has RGB values of R:16, G:84, B:241 and CMYK values of C:0.93, M:0.65, Y:0, K:0.05. Its decimal value is 1070321.

Hex triplet	1054f1	`#1054f1`
RGB Decimal	16, 84, 241	`rgb(16,84,241)`
RGB Percent	6.3, 32.9, 94.5	`rgb(6.3%,32.9%,94.5%)`
CMYK	93, 65, 0, 5
HSL	221.9°, 88.9, 50.4	`hsl(221.9,88.9%,50.4%)`
HSV (or HSB)	221.9°, 93.4, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.46, 41.685, -83.122
XYZ	19.258, 12.8, 84.67
xyY	0.165, 0.11, 12.8
CIE-LCH	42.46, 92.989, 296.634
CIE-LUV	42.46, -17.816, -121.843
Hunter-Lab	35.777, 33.471, -115.271
Binary	00010000, 01010100, 11110001

#1054f1
```
#1054f1 rgb(16,84,241)
```
#f1ad10
```
#f1ad10 rgb(241,173,16)
```

Complementary Color

#10c5f1
```
#10c5f1 rgb(16,197,241)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#3c10f1
```
#3c10f1 rgb(60,16,241)
```

Analogous Color

#c5f110
```
#c5f110 rgb(197,241,16)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#f13c10
```
#f13c10 rgb(241,60,16)
```

Split Complementary Color

#54f110
```
#54f110 rgb(84,241,16)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#f11054
```
#f11054 rgb(241,16,84)
```

Triadic Color

#10f1ad
```
#10f1ad rgb(16,241,173)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#f11054
```
#f11054 rgb(241,16,84)
```
#f1ad10
```
#f1ad10 rgb(241,173,16)
```

Tetradic Color

#0a3bab
```
#0a3bab rgb(10,59,171)
```
#0b43c3
```
#0b43c3 rgb(11,67,195)
```
#0d4bdb
```
#0d4bdb rgb(13,75,219)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#2865f2
```
#2865f2 rgb(40,101,242)
```
#4076f4
```
#4076f4 rgb(64,118,244)
```
#5888f5
```
#5888f5 rgb(88,136,245)
```

Monochromatic Color

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

#108cf1
```
#108cf1 rgb(16,140,241)
```
#107af1
```
#107af1 rgb(16,122,241)
```
#1067f1
```
#1067f1 rgb(16,103,241)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#1041f1
```
#1041f1 rgb(16,65,241)
```
#102ff1
```
#102ff1 rgb(16,47,241)
```
#101cf1
```
#101cf1 rgb(16,28,241)
```

Similar Colors

Text with hexadecimal color #1054f1

This text has a font color of #1054f1.

<span style="color:#1054f1;">Text here</span>

#1054f1 background color

This paragraph has a background color of #1054f1.

<p style="background-color:#1054f1;">Content here</p>

#1054f1 border color

This element has a border color of #1054f1.

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

CSS codes

.text {color:#1054f1;}

.background {background-color:#1054f1;}

.border {border:1px solid #1054f1;}

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 #eef3fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010714
```
#010714 rgb(1,7,20)
```
#020d27
```
#020d27 rgb(2,13,39)
```
#031439
```
#031439 rgb(3,20,57)
```
#041a4c
```
#041a4c rgb(4,26,76)
```
#06205f
```
#06205f rgb(6,32,95)
```
#072771
```
#072771 rgb(7,39,113)
```
#082d84
```
#082d84 rgb(8,45,132)
```
#093496
```
#093496 rgb(9,52,150)
```
#0a3aa9
```
#0a3aa9 rgb(10,58,169)
```
#0b40bb
```
#0b40bb rgb(11,64,187)
```
#0c47ce
```
#0c47ce rgb(12,71,206)
```
#0d4de0
```
#0d4de0 rgb(13,77,224)
```

Shade Color Variation

#1054f1
```
#1054f1 rgb(16,84,241)
```
#2361f2
```
#2361f2 rgb(35,97,242)
```
#356ff3
```
#356ff3 rgb(53,111,243)
```
#487cf4
```
#487cf4 rgb(72,124,244)
```
#5a89f5
```
#5a89f5 rgb(90,137,245)
```
#6d96f6
```
#6d96f6 rgb(109,150,246)
```
#7fa4f8
```
#7fa4f8 rgb(127,164,248)
```
#92b1f9
```
#92b1f9 rgb(146,177,249)
```
#a4befa
```
#a4befa rgb(164,190,250)
```
#b7cbfb
```
#b7cbfb rgb(183,203,251)
```
#c9d9fc
```
#c9d9fc rgb(201,217,252)
```
#dce6fd
```
#dce6fd rgb(220,230,253)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e86 is the less saturated color, while #0650fb is the most saturated one.

#7b7e86
```
#7b7e86 rgb(123,126,134)
```
#717a90
```
#717a90 rgb(113,122,144)
```
#687799
```
#687799 rgb(104,119,153)
```
#5e73a3
```
#5e73a3 rgb(94,115,163)
```
#546fad
```
#546fad rgb(84,111,173)
```
#4a6bb7
```
#4a6bb7 rgb(74,107,183)
```
#4167c0
```
#4167c0 rgb(65,103,192)
```
#3763ca
```
#3763ca rgb(55,99,202)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#235cde
```
#235cde rgb(35,92,222)
```
#1a58e7
```
#1a58e7 rgb(26,88,231)
```
#1054f1
```
#1054f1 rgb(16,84,241)
```
#0650fb
```
#0650fb rgb(6,80,251)
```

Tone Color Variation

Below, you can see how #1054f1 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

#525252 Achromatopsia 0.005% of the population
#455272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777c Tritanopia 0.001% of the population

Trichromacy

#0561da Protanomaly 1% of men, 0.01% of women
#0565c8 Deuteranomaly 6% of men, 0.4% of women
#056aa7 Tritanomaly 0.01% of the population

#1054f1 hex color

#1054f1 Color Information

#1054f1 Color Conversion

Color Schemes with #1054f1

Alternatives to #1054f1

#1054f1 Preview

Shades and Tints of #1054f1

Tones of #1054f1

Color Blindness Simulator