#0c45e3 hex color

In a RGB color space, hex #0c45e3 is composed of 4.7% red, 27.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 69.6% magenta, 0% yellow and 11% black. It has a hue angle of 224.1 degrees, a saturation of 90% and a lightness of 46.9%. #0c45e3 color hex could be obtained by blending #188aff with #0000c7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 5
- G 27
- B 89
RGB color chart
- C 95
- M 70
- Y 0
- K 11
CMYK color chart

● #0c45e3 color description : Vivid blue.

The hexadecimal color #0c45e3 has RGB values of R:12, G:69, B:227 and CMYK values of C:0.95, M:0.7, Y:0, K:0.11. Its decimal value is 804323.

Hex triplet	0c45e3	`#0c45e3`
RGB Decimal	12, 69, 227	`rgb(12,69,227)`
RGB Percent	4.7, 27.1, 89	`rgb(4.7%,27.1%,89%)`
CMYK	95, 70, 0, 11
HSL	224.1°, 90, 46.9	`hsl(224.1,90%,46.9%)`
HSV (or HSB)	224.1°, 94.7, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.625, 45.751, -83.167
XYZ	16.142, 9.879, 73.725
xyY	0.162, 0.099, 9.879
CIE-LCH	37.625, 94.92, 298.816
CIE-LUV	37.625, -14.845, -116.263
Hunter-Lab	31.431, 36.667, -117.069
Binary	00001100, 01000101, 11100011

#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#e3aa0c
```
#e3aa0c rgb(227,170,12)
```

Complementary Color

#0cb1e3
```
#0cb1e3 rgb(12,177,227)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#3f0ce3
```
#3f0ce3 rgb(63,12,227)
```

Analogous Color

#b1e30c
```
#b1e30c rgb(177,227,12)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#e33e0c
```
#e33e0c rgb(227,62,12)
```

Split Complementary Color

#45e30c
```
#45e30c rgb(69,227,12)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#e30c45
```
#e30c45 rgb(227,12,69)
```

Triadic Color

#0ce3aa
```
#0ce3aa rgb(12,227,170)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#e30c45
```
#e30c45 rgb(227,12,69)
```
#e3aa0c
```
#e3aa0c rgb(227,170,12)
```

Tetradic Color

#082f9a
```
#082f9a rgb(8,47,154)
```
#0936b3
```
#0936b3 rgb(9,54,179)
```
#0b3ecb
```
#0b3ecb rgb(11,62,203)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#1650f3
```
#1650f3 rgb(22,80,243)
```
#2e63f4
```
#2e63f4 rgb(46,99,244)
```
#4675f5
```
#4675f5 rgb(70,117,245)
```

Monochromatic Color

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

#0c7be3
```
#0c7be3 rgb(12,123,227)
```
#0c69e3
```
#0c69e3 rgb(12,105,227)
```
#0c57e3
```
#0c57e3 rgb(12,87,227)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#0c33e3
```
#0c33e3 rgb(12,51,227)
```
#0c21e3
```
#0c21e3 rgb(12,33,227)
```
#0c0fe3
```
#0c0fe3 rgb(12,15,227)
```

Similar Colors

Text with hexadecimal color #0c45e3

This text has a font color of #0c45e3.

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

#0c45e3 background color

This paragraph has a background color of #0c45e3.

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

#0c45e3 border color

This element has a border color of #0c45e3.

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

CSS codes

.text {color:#0c45e3;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010716
```
#010716 rgb(1,7,22)
```
#020c29
```
#020c29 rgb(2,12,41)
```
#03123b
```
#03123b rgb(3,18,59)
```
#04184e
```
#04184e rgb(4,24,78)
```
#051d61
```
#051d61 rgb(5,29,97)
```
#062373
```
#062373 rgb(6,35,115)
```
#072986
```
#072986 rgb(7,41,134)
```
#082e98
```
#082e98 rgb(8,46,152)
```
#0934ab
```
#0934ab rgb(9,52,171)
```
#0a3abe
```
#0a3abe rgb(10,58,190)
```
#0b3fd0
```
#0b3fd0 rgb(11,63,208)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```

Shade Color Variation

#104cf2
```
#104cf2 rgb(16,76,242)
```
#235af3
```
#235af3 rgb(35,90,243)
```
#3568f4
```
#3568f4 rgb(53,104,244)
```
#4876f5
```
#4876f5 rgb(72,118,245)
```
#5b84f6
```
#5b84f6 rgb(91,132,246)
```
#6d92f7
```
#6d92f7 rgb(109,146,247)
```
#80a0f8
```
#80a0f8 rgb(128,160,248)
```
#93aef9
```
#93aef9 rgb(147,174,249)
```
#a5bcfa
```
#a5bcfa rgb(165,188,250)
```
#b8cafb
```
#b8cafb rgb(184,202,251)
```
#cbd8fc
```
#cbd8fc rgb(203,216,252)
```
#dde6fd
```
#dde6fd rgb(221,230,253)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71757e is the less saturated color, while #0341ec is the most saturated one.

#71757e
```
#71757e rgb(113,117,126)
```
#687087
```
#687087 rgb(104,112,135)
```
#5f6c90
```
#5f6c90 rgb(95,108,144)
```
#566899
```
#566899 rgb(86,104,153)
```
#4c63a3
```
#4c63a3 rgb(76,99,163)
```
#435fac
```
#435fac rgb(67,95,172)
```
#3a5bb5
```
#3a5bb5 rgb(58,91,181)
```
#3156be
```
#3156be rgb(49,86,190)
```
#2852c7
```
#2852c7 rgb(40,82,199)
```
#1e4ed1
```
#1e4ed1 rgb(30,78,209)
```
#1549da
```
#1549da rgb(21,73,218)
```
#0c45e3
```
#0c45e3 rgb(12,69,227)
```
#0341ec
```
#0341ec rgb(3,65,236)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3a4665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639f Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#0455c7 Protanomaly 1% of men, 0.01% of women
#0458b7 Deuteranomaly 6% of men, 0.4% of women
#045d99 Tritanomaly 0.01% of the population

#0c45e3 hex color

#0c45e3 Color Information

#0c45e3 Color Conversion

Color Schemes with #0c45e3

Alternatives to #0c45e3

#0c45e3 Preview

Shades and Tints of #0c45e3

Tones of #0c45e3

Color Blindness Simulator