#1054f9 hex color

In a RGB color space, hex #1054f9 is composed of 6.3% red, 32.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 66.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 222.5 degrees, a saturation of 95.1% and a lightness of 52%. #1054f9 color hex could be obtained by blending #20a8ff with #0000f3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 33
- B 98
RGB color chart
- C 94
- M 66
- Y 0
- K 2
CMYK color chart

● #1054f9 color description : Vivid blue.

The hexadecimal color #1054f9 has RGB values of R:16, G:84, B:249 and CMYK values of C:0.94, M:0.66, Y:0, K:0.02. Its decimal value is 1070329.

Hex triplet	1054f9	`#1054f9`
RGB Decimal	16, 84, 249	`rgb(16,84,249)`
RGB Percent	6.3, 32.9, 97.6	`rgb(6.3%,32.9%,97.6%)`
CMYK	94, 66, 0, 2
HSL	222.5°, 95.1, 52	`hsl(222.5,95.1%,52%)`
HSV (or HSB)	222.5°, 93.6, 97.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.195, 44.601, -86.4
XYZ	20.479, 13.289, 91.103
xyY	0.164, 0.106, 13.289
CIE-LCH	43.195, 97.233, 297.304
CIE-LUV	43.195, -17.811, -126.796
Hunter-Lab	36.454, 36.486, -122.657
Binary	00010000, 01010100, 11111001

#1054f9
```
#1054f9 rgb(16,84,249)
```
#f9b510
```
#f9b510 rgb(249,181,16)
```

Complementary Color

#10c9f9
```
#10c9f9 rgb(16,201,249)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```
#4110f9
```
#4110f9 rgb(65,16,249)
```

Analogous Color

#c9f910
```
#c9f910 rgb(201,249,16)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```
#f94110
```
#f94110 rgb(249,65,16)
```

Split Complementary Color

#54f910
```
#54f910 rgb(84,249,16)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```
#f91054
```
#f91054 rgb(249,16,84)
```

Triadic Color

#10f9b5
```
#10f9b5 rgb(16,249,181)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```
#f91054
```
#f91054 rgb(249,16,84)
```
#f9b510
```
#f9b510 rgb(249,181,16)
```

Tetradic Color

#0539b8
```
#0539b8 rgb(5,57,184)
```
#0541d1
```
#0541d1 rgb(5,65,209)
```
#0648ea
```
#0648ea rgb(6,72,234)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```
#2966fa
```
#2966fa rgb(41,102,250)
```
#4278fa
```
#4278fa rgb(66,120,250)
```
#5b89fb
```
#5b89fb rgb(91,137,251)
```

Monochromatic Color

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

#108ef9
```
#108ef9 rgb(16,142,249)
```
#107bf9
```
#107bf9 rgb(16,123,249)
```
#1067f9
```
#1067f9 rgb(16,103,249)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```
#1041f9
```
#1041f9 rgb(16,65,249)
```
#102df9
```
#102df9 rgb(16,45,249)
```
#101af9
```
#101af9 rgb(16,26,249)
```

Similar Colors

Text with hexadecimal color #1054f9

This text has a font color of #1054f9.

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

#1054f9 background color

This paragraph has a background color of #1054f9.

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

#1054f9 border color

This element has a border color of #1054f9.

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

CSS codes

.text {color:#1054f9;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#01091d
```
#01091d rgb(1,9,29)
```
#010f30
```
#010f30 rgb(1,15,48)
```
#021543
```
#021543 rgb(2,21,67)
```
#021b56
```
#021b56 rgb(2,27,86)
```
#032169
```
#032169 rgb(3,33,105)
```
#03277d
```
#03277d rgb(3,39,125)
```
#042c90
```
#042c90 rgb(4,44,144)
```
#0432a3
```
#0432a3 rgb(4,50,163)
```
#0538b6
```
#0538b6 rgb(5,56,182)
```
#053ec9
```
#053ec9 rgb(5,62,201)
```
#0644dc
```
#0644dc rgb(6,68,220)
```
#064aef
```
#064aef rgb(6,74,239)
```

Shade Color Variation

#1054f9
```
#1054f9 rgb(16,84,249)
```
#2362f9
```
#2362f9 rgb(35,98,249)
```
#366ffa
```
#366ffa rgb(54,111,250)
```
#497dfa
```
#497dfa rgb(73,125,250)
```
#5d8bfb
```
#5d8bfb rgb(93,139,251)
```
#7098fb
```
#7098fb rgb(112,152,251)
```
#83a6fc
```
#83a6fc rgb(131,166,252)
```
#96b4fc
```
#96b4fc rgb(150,180,252)
```
#a9c2fd
```
#a9c2fd rgb(169,194,253)
```
#bccffd
```
#bccffd rgb(188,207,253)
```
#cfddfe
```
#cfddfe rgb(207,221,254)
```
#e2ebfe
```
#e2ebfe rgb(226,235,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#818388
```
#818388 rgb(129,131,136)
```
#787f91
```
#787f91 rgb(120,127,145)
```
#6e7b9b
```
#6e7b9b rgb(110,123,155)
```
#6577a4
```
#6577a4 rgb(101,119,164)
```
#5b73ae
```
#5b73ae rgb(91,115,174)
```
#526fb7
```
#526fb7 rgb(82,111,183)
```
#496cc0
```
#496cc0 rgb(73,108,192)
```
#3f68ca
```
#3f68ca rgb(63,104,202)
```
#3664d3
```
#3664d3 rgb(54,100,211)
```
#2c60dd
```
#2c60dd rgb(44,96,221)
```
#235ce6
```
#235ce6 rgb(35,92,230)
```
#1958f0
```
#1958f0 rgb(25,88,240)
```
#1054f9
```
#1054f9 rgb(16,84,249)
```

Tone Color Variation

Below, you can see how #1054f9 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
#455273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0562de Protanomaly 1% of men, 0.01% of women
#0566cd Deuteranomaly 6% of men, 0.4% of women
#056bab Tritanomaly 0.01% of the population

#1054f9 hex color

#1054f9 Color Information

#1054f9 Color Conversion

Color Schemes with #1054f9

Alternatives to #1054f9

#1054f9 Preview

Shades and Tints of #1054f9

Tones of #1054f9

Color Blindness Simulator