#1045f8 hex color

In a RGB color space, hex #1045f8 is composed of 6.3% red, 27.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 93.5% cyan, 72.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 226.3 degrees, a saturation of 94.3% and a lightness of 51.8%. #1045f8 color hex could be obtained by blending #208aff with #0000f1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 6
- G 27
- B 97
RGB color chart
- C 94
- M 72
- Y 0
- K 3
CMYK color chart

● #1045f8 color description : Vivid blue.

The hexadecimal color #1045f8 has RGB values of R:16, G:69, B:248 and CMYK values of C:0.94, M:0.72, Y:0, K:0.03. Its decimal value is 1066488.

Hex triplet	1045f8	`#1045f8`
RGB Decimal	16, 69, 248	`rgb(16,69,248)`
RGB Percent	6.3, 27.1, 97.3	`rgb(6.3%,27.1%,97.3%)`
CMYK	94, 72, 0, 3
HSL	226.3°, 94.3, 51.8	`hsl(226.3,94.3%,51.8%)`
HSV (or HSB)	226.3°, 93.5, 97.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.819, 53.192, -91.413
XYZ	19.282, 11.142, 89.936
xyY	0.16, 0.093, 11.142
CIE-LCH	39.819, 105.763, 300.195
CIE-LUV	39.819, -14.901, -128.652
Hunter-Lab	33.38, 44.694, -136.381
Binary	00010000, 01000101, 11111000

#1045f8
```
#1045f8 rgb(16,69,248)
```
#f8c310
```
#f8c310 rgb(248,195,16)
```

Complementary Color

#10b9f8
```
#10b9f8 rgb(16,185,248)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```
#4f10f8
```
#4f10f8 rgb(79,16,248)
```

Analogous Color

#b9f810
```
#b9f810 rgb(185,248,16)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```
#f84f10
```
#f84f10 rgb(248,79,16)
```

Split Complementary Color

#45f810
```
#45f810 rgb(69,248,16)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```
#f81045
```
#f81045 rgb(248,16,69)
```

Triadic Color

#10f8c3
```
#10f8c3 rgb(16,248,195)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```
#f81045
```
#f81045 rgb(248,16,69)
```
#f8c310
```
#f8c310 rgb(248,195,16)
```

Tetradic Color

#052eb6
```
#052eb6 rgb(5,46,182)
```
#0634cf
```
#0634cf rgb(6,52,207)
```
#073ae8
```
#073ae8 rgb(7,58,232)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```
#2958f9
```
#2958f9 rgb(41,88,249)
```
#426cf9
```
#426cf9 rgb(66,108,249)
```
#5a7ffa
```
#5a7ffa rgb(90,127,250)
```

Monochromatic Color

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

#107ff8
```
#107ff8 rgb(16,127,248)
```
#106cf8
```
#106cf8 rgb(16,108,248)
```
#1058f8
```
#1058f8 rgb(16,88,248)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```
#1032f8
```
#1032f8 rgb(16,50,248)
```
#101ef8
```
#101ef8 rgb(16,30,248)
```
#1510f8
```
#1510f8 rgb(21,16,248)
```

Similar Colors

Text with hexadecimal color #1045f8

This text has a font color of #1045f8.

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

#1045f8 background color

This paragraph has a background color of #1045f8.

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

#1045f8 border color

This element has a border color of #1045f8.

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

CSS codes

.text {color:#1045f8;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01071c
```
#01071c rgb(1,7,28)
```
#010c2f
```
#010c2f rgb(1,12,47)
```
#021142
```
#021142 rgb(2,17,66)
```
#021555
```
#021555 rgb(2,21,85)
```
#031a68
```
#031a68 rgb(3,26,104)
```
#041f7b
```
#041f7b rgb(4,31,123)
```
#04248e
```
#04248e rgb(4,36,142)
```
#0528a1
```
#0528a1 rgb(5,40,161)
```
#052db4
```
#052db4 rgb(5,45,180)
```
#0632c7
```
#0632c7 rgb(6,50,199)
```
#0637da
```
#0637da rgb(6,55,218)
```
#073ced
```
#073ced rgb(7,60,237)
```

Shade Color Variation

#1045f8
```
#1045f8 rgb(16,69,248)
```
#2354f9
```
#2354f9 rgb(35,84,249)
```
#3663f9
```
#3663f9 rgb(54,99,249)
```
#4971fa
```
#4971fa rgb(73,113,250)
```
#5c80fa
```
#5c80fa rgb(92,128,250)
```
#6f8ffb
```
#6f8ffb rgb(111,143,251)
```
#829efb
```
#829efb rgb(130,158,251)
```
#95adfc
```
#95adfc rgb(149,173,252)
```
#a8bcfc
```
#a8bcfc rgb(168,188,252)
```
#bccafd
```
#bccafd rgb(188,202,253)
```
#cfd9fe
```
#cfd9fe rgb(207,217,254)
```
#e2e8fe
```
#e2e8fe rgb(226,232,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#828386
```
#828386 rgb(130,131,134)
```
#787e90
```
#787e90 rgb(120,126,144)
```
#6f7899
```
#6f7899 rgb(111,120,153)
```
#6573a3
```
#6573a3 rgb(101,115,163)
```
#5c6eac
```
#5c6eac rgb(92,110,172)
```
#5269b6
```
#5269b6 rgb(82,105,182)
```
#4964bf
```
#4964bf rgb(73,100,191)
```
#3f5fc9
```
#3f5fc9 rgb(63,95,201)
```
#365ad2
```
#365ad2 rgb(54,90,210)
```
#2c54dc
```
#2c54dc rgb(44,84,220)
```
#234fe5
```
#234fe5 rgb(35,79,229)
```
#194aef
```
#194aef rgb(25,74,239)
```
#1045f8
```
#1045f8 rgb(16,69,248)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3e496d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0558d5 Protanomaly 1% of men, 0.01% of women
#055bc4 Deuteranomaly 6% of men, 0.4% of women
#0560a4 Tritanomaly 0.01% of the population

#1045f8 hex color

#1045f8 Color Information

#1045f8 Color Conversion

Color Schemes with #1045f8

Alternatives to #1045f8

#1045f8 Preview

Shades and Tints of #1045f8

Tones of #1045f8

Color Blindness Simulator