#0a45f7 hex color

In a RGB color space, hex #0a45f7 is composed of 3.9% red, 27.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 72.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 225.1 degrees, a saturation of 93.7% and a lightness of 50.4%. #0a45f7 color hex could be obtained by blending #148aff with #0000ef. Closest websafe color is: #0033ff.

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

● #0a45f7 color description : Vivid blue.

The hexadecimal color #0a45f7 has RGB values of R:10, G:69, B:247 and CMYK values of C:0.96, M:0.72, Y:0, K:0.03. Its decimal value is 673271.

Hex triplet	0a45f7	`#0a45f7`
RGB Decimal	10, 69, 247	`rgb(10,69,247)`
RGB Percent	3.9, 27.1, 96.9	`rgb(3.9%,27.1%,96.9%)`
CMYK	96, 72, 0, 3
HSL	225.1°, 93.7, 50.4	`hsl(225.1,93.7%,50.4%)`
HSV (or HSB)	225.1°, 96, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.639, 52.728, -91.152
XYZ	19.038, 11.035, 89.117
xyY	0.16, 0.093, 11.035
CIE-LCH	39.639, 105.304, 300.048
CIE-LUV	39.639, -15.111, -128.092
Hunter-Lab	33.218, 44.171, -135.808
Binary	00001010, 01000101, 11110111

#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#f7bc0a
```
#f7bc0a rgb(247,188,10)
```

Complementary Color

#0abcf7
```
#0abcf7 rgb(10,188,247)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#460af7
```
#460af7 rgb(70,10,247)
```

Analogous Color

#bcf70a
```
#bcf70a rgb(188,247,10)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#f7460a
```
#f7460a rgb(247,70,10)
```

Split Complementary Color

#45f70a
```
#45f70a rgb(69,247,10)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#f70a45
```
#f70a45 rgb(247,10,69)
```

Triadic Color

#0af7bc
```
#0af7bc rgb(10,247,188)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#f70a45
```
#f70a45 rgb(247,10,69)
```
#f7bc0a
```
#f7bc0a rgb(247,188,10)
```

Tetradic Color

#0630af
```
#0630af rgb(6,48,175)
```
#0737c7
```
#0737c7 rgb(7,55,199)
```
#073de0
```
#073de0 rgb(7,61,224)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#2358f8
```
#2358f8 rgb(35,88,248)
```
#3b6af9
```
#3b6af9 rgb(59,106,249)
```
#547df9
```
#547df9 rgb(84,125,249)
```

Monochromatic Color

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

#0a80f7
```
#0a80f7 rgb(10,128,247)
```
#0a6df7
```
#0a6df7 rgb(10,109,247)
```
#0a59f7
```
#0a59f7 rgb(10,89,247)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#0a31f7
```
#0a31f7 rgb(10,49,247)
```
#0a1df7
```
#0a1df7 rgb(10,29,247)
```
#0a0af7
```
#0a0af7 rgb(10,10,247)
```

Similar Colors

Text with hexadecimal color #0a45f7

This text has a font color of #0a45f7.

<span style="color:#0a45f7;">Text here</span>

#0a45f7 background color

This paragraph has a background color of #0a45f7.

<p style="background-color:#0a45f7;">Content here</p>

#0a45f7 border color

This element has a border color of #0a45f7.

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

CSS codes

.text {color:#0a45f7;}

.background {background-color:#0a45f7;}

.border {border:1px solid #0a45f7;}

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

#000102
```
#000102 rgb(0,1,2)
```
#010615
```
#010615 rgb(1,6,21)
```
#010b28
```
#010b28 rgb(1,11,40)
```
#02103b
```
#02103b rgb(2,16,59)
```
#03154e
```
#03154e rgb(3,21,78)
```
#031b61
```
#031b61 rgb(3,27,97)
```
#042074
```
#042074 rgb(4,32,116)
```
#042587
```
#042587 rgb(4,37,135)
```
#052a9a
```
#052a9a rgb(5,42,154)
```
#062fad
```
#062fad rgb(6,47,173)
```
#0634c0
```
#0634c0 rgb(6,52,192)
```
#073ad3
```
#073ad3 rgb(7,58,211)
```
#083fe6
```
#083fe6 rgb(8,63,230)
```

Shade Color Variation

#0a45f7
```
#0a45f7 rgb(10,69,247)
```
#1d53f8
```
#1d53f8 rgb(29,83,248)
```
#3062f8
```
#3062f8 rgb(48,98,248)
```
#4370f9
```
#4370f9 rgb(67,112,249)
```
#567ff9
```
#567ff9 rgb(86,127,249)
```
#698dfa
```
#698dfa rgb(105,141,250)
```
#7c9cfb
```
#7c9cfb rgb(124,156,251)
```
#8faafb
```
#8faafb rgb(143,170,251)
```
#a2b8fc
```
#a2b8fc rgb(162,184,252)
```
#b5c7fd
```
#b5c7fd rgb(181,199,253)
```
#c8d5fd
```
#c8d5fd rgb(200,213,253)
```
#dbe4fe
```
#dbe4fe rgb(219,228,254)
```
#eef2fe
```
#eef2fe rgb(238,242,254)
```

Tint Color Variation

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

#7f8082
```
#7f8082 rgb(127,128,130)
```
#757b8c
```
#757b8c rgb(117,123,140)
```
#6b7696
```
#6b7696 rgb(107,118,150)
```
#62719f
```
#62719f rgb(98,113,159)
```
#586ca9
```
#586ca9 rgb(88,108,169)
```
#4e67b3
```
#4e67b3 rgb(78,103,179)
```
#4462bd
```
#4462bd rgb(68,98,189)
```
#3b5dc6
```
#3b5dc6 rgb(59,93,198)
```
#3159d0
```
#3159d0 rgb(49,89,208)
```
#2754da
```
#2754da rgb(39,84,218)
```
#1d4fe4
```
#1d4fe4 rgb(29,79,228)
```
#144aed
```
#144aed rgb(20,74,237)
```
#0a45f7
```
#0a45f7 rgb(10,69,247)
```

Tone Color Variation

Below, you can see how #0a45f7 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

#484848 Achromatopsia 0.005% of the population
#3c476b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0358d4 Protanomaly 1% of men, 0.01% of women
#035bc3 Deuteranomaly 6% of men, 0.4% of women
#0360a4 Tritanomaly 0.01% of the population

#0a45f7 hex color

#0a45f7 Color Information

#0a45f7 Color Conversion

Color Schemes with #0a45f7

Alternatives to #0a45f7

#0a45f7 Preview

Shades and Tints of #0a45f7

Tones of #0a45f7

Color Blindness Simulator