#0c54e9 hex color

In a RGB color space, hex #0c54e9 is composed of 4.7% red, 32.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 94.8% cyan, 63.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 220.5 degrees, a saturation of 90.2% and a lightness of 48%. #0c54e9 color hex could be obtained by blending #18a8ff with #0000d3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 33
- B 91
RGB color chart
- C 95
- M 64
- Y 0
- K 9
CMYK color chart

● #0c54e9 color description : Vivid blue.

The hexadecimal color #0c54e9 has RGB values of R:12, G:84, B:233 and CMYK values of C:0.95, M:0.64, Y:0, K:0.09. Its decimal value is 808169.

Hex triplet	0c54e9	`#0c54e9`
RGB Decimal	12, 84, 233	`rgb(12,84,233)`
RGB Percent	4.7, 32.9, 91.4	`rgb(4.7%,32.9%,91.4%)`
CMYK	95, 64, 0, 9
HSL	220.5°, 90.2, 48	`hsl(220.5,90.2%,48%)`
HSV (or HSB)	220.5°, 94.8, 91.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.69, 38.612, -79.878
XYZ	18.027, 12.3, 78.51
xyY	0.166, 0.113, 12.3
CIE-LCH	41.69, 88.721, 295.798
CIE-LUV	41.69, -18.013, -116.861
Hunter-Lab	35.072, 30.372, -108.173
Binary	00001100, 01010100, 11101001

#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#e9a10c
```
#e9a10c rgb(233,161,12)
```

Complementary Color

#0cc3e9
```
#0cc3e9 rgb(12,195,233)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#320ce9
```
#320ce9 rgb(50,12,233)
```

Analogous Color

#c3e90c
```
#c3e90c rgb(195,233,12)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#e9320c
```
#e9320c rgb(233,50,12)
```

Split Complementary Color

#54e90c
```
#54e90c rgb(84,233,12)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#e90c54
```
#e90c54 rgb(233,12,84)
```

Triadic Color

#0ce9a1
```
#0ce9a1 rgb(12,233,161)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#e90c54
```
#e90c54 rgb(233,12,84)
```
#e9a10c
```
#e9a10c rgb(233,161,12)
```

Tetradic Color

#083aa0
```
#083aa0 rgb(8,58,160)
```
#0a43b8
```
#0a43b8 rgb(10,67,184)
```
#0b4bd1
```
#0b4bd1 rgb(11,75,209)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#1b62f3
```
#1b62f3 rgb(27,98,243)
```
#3372f5
```
#3372f5 rgb(51,114,245)
```
#4c83f6
```
#4c83f6 rgb(76,131,246)
```

Monochromatic Color

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

#0c8be9
```
#0c8be9 rgb(12,139,233)
```
#0c79e9
```
#0c79e9 rgb(12,121,233)
```
#0c66e9
```
#0c66e9 rgb(12,102,233)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#0c42e9
```
#0c42e9 rgb(12,66,233)
```
#0c2fe9
```
#0c2fe9 rgb(12,47,233)
```
#0c1de9
```
#0c1de9 rgb(12,29,233)
```

Similar Colors

Text with hexadecimal color #0c54e9

This text has a font color of #0c54e9.

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

#0c54e9 background color

This paragraph has a background color of #0c54e9.

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

#0c54e9 border color

This element has a border color of #0c54e9.

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

CSS codes

.text {color:#0c54e9;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#010a1c
```
#010a1c rgb(1,10,28)
```
#02112e
```
#02112e rgb(2,17,46)
```
#031741
```
#031741 rgb(3,23,65)
```
#041e54
```
#041e54 rgb(4,30,84)
```
#052566
```
#052566 rgb(5,37,102)
```
#062c79
```
#062c79 rgb(6,44,121)
```
#07328c
```
#07328c rgb(7,50,140)
```
#08399e
```
#08399e rgb(8,57,158)
```
#0940b1
```
#0940b1 rgb(9,64,177)
```
#0a47c4
```
#0a47c4 rgb(10,71,196)
```
#0b4dd6
```
#0b4dd6 rgb(11,77,214)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```

Shade Color Variation

#165ef3
```
#165ef3 rgb(22,94,243)
```
#286bf4
```
#286bf4 rgb(40,107,244)
```
#3b78f5
```
#3b78f5 rgb(59,120,245)
```
#4e84f6
```
#4e84f6 rgb(78,132,246)
```
#6091f7
```
#6091f7 rgb(96,145,247)
```
#739ef8
```
#739ef8 rgb(115,158,248)
```
#86abf9
```
#86abf9 rgb(134,171,249)
```
#98b8fa
```
#98b8fa rgb(152,184,250)
```
#abc5fb
```
#abc5fb rgb(171,197,251)
```
#bed2fc
```
#bed2fc rgb(190,210,252)
```
#d0dffd
```
#d0dffd rgb(208,223,253)
```
#e3ecfe
```
#e3ecfe rgb(227,236,254)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#747881
```
#747881 rgb(116,120,129)
```
#6a758b
```
#6a758b rgb(106,117,139)
```
#617294
```
#617294 rgb(97,114,148)
```
#576e9e
```
#576e9e rgb(87,110,158)
```
#4e6ba7
```
#4e6ba7 rgb(78,107,167)
```
#4568b0
```
#4568b0 rgb(69,104,176)
```
#3b64ba
```
#3b64ba rgb(59,100,186)
```
#3261c3
```
#3261c3 rgb(50,97,195)
```
#285ecd
```
#285ecd rgb(40,94,205)
```
#1f5bd6
```
#1f5bd6 rgb(31,91,214)
```
#1557e0
```
#1557e0 rgb(21,87,224)
```
#0c54e9
```
#0c54e9 rgb(12,84,233)
```
#0351f2
```
#0351f2 rgb(3,81,242)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#42506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#0460d5 Protanomaly 1% of men, 0.01% of women
#0464c4 Deuteranomaly 6% of men, 0.4% of women
#0469a2 Tritanomaly 0.01% of the population

#0c54e9 hex color

#0c54e9 Color Information

#0c54e9 Color Conversion

Color Schemes with #0c54e9

Alternatives to #0c54e9

#0c54e9 Preview

Shades and Tints of #0c54e9

Tones of #0c54e9

Color Blindness Simulator