#0c54c3 hex color

In a RGB color space, hex #0c54c3 is composed of 4.7% red, 32.9% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 56.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 216.4 degrees, a saturation of 88.4% and a lightness of 40.6%. #0c54c3 color hex could be obtained by blending #18a8ff with #000087. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 33
- B 76
RGB color chart
- C 94
- M 57
- Y 0
- K 24
CMYK color chart

● #0c54c3 color description : Strong blue.

The hexadecimal color #0c54c3 has RGB values of R:12, G:84, B:195 and CMYK values of C:0.94, M:0.57, Y:0, K:0.24. Its decimal value is 808131.

Hex triplet	0c54c3	`#0c54c3`
RGB Decimal	12, 84, 195	`rgb(12,84,195)`
RGB Percent	4.7, 32.9, 76.5	`rgb(4.7%,32.9%,76.5%)`
CMYK	94, 57, 0, 24
HSL	216.4°, 88.4, 40.6	`hsl(216.4,88.4%,40.6%)`
HSV (or HSB)	216.4°, 93.8, 76.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.477, 23.919, -63.333
XYZ	13.17, 10.358, 52.932
xyY	0.172, 0.135, 10.358
CIE-LCH	38.477, 67.699, 290.69
CIE-LUV	38.477, -18.458, -91.812
Hunter-Lab	32.184, 16.724, -74.985
Binary	00001100, 01010100, 11000011

#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#c37b0c
```
#c37b0c rgb(195,123,12)
```

Complementary Color

#0cb0c3
```
#0cb0c3 rgb(12,176,195)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#200cc3
```
#200cc3 rgb(32,12,195)
```

Analogous Color

#b0c30c
```
#b0c30c rgb(176,195,12)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#c3200c
```
#c3200c rgb(195,32,12)
```

Split Complementary Color

#54c30c
```
#54c30c rgb(84,195,12)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#c30c54
```
#c30c54 rgb(195,12,84)
```

Triadic Color

#0cc37b
```
#0cc37b rgb(12,195,123)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#c30c54
```
#c30c54 rgb(195,12,84)
```
#c37b0c
```
#c37b0c rgb(195,123,12)
```

Tetradic Color

#08357b
```
#08357b rgb(8,53,123)
```
#093f93
```
#093f93 rgb(9,63,147)
```
#0b4aab
```
#0b4aab rgb(11,74,171)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#0d5edb
```
#0d5edb rgb(13,94,219)
```
#1269f0
```
#1269f0 rgb(18,105,240)
```
#2a78f2
```
#2a78f2 rgb(42,120,242)
```

Monochromatic Color

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

#0c82c3
```
#0c82c3 rgb(12,130,195)
```
#0c73c3
```
#0c73c3 rgb(12,115,195)
```
#0c63c3
```
#0c63c3 rgb(12,99,195)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#0c45c3
```
#0c45c3 rgb(12,69,195)
```
#0c36c3
```
#0c36c3 rgb(12,54,195)
```
#0c26c3
```
#0c26c3 rgb(12,38,195)
```

Similar Colors

Text with hexadecimal color #0c54c3

This text has a font color of #0c54c3.

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

#0c54c3 background color

This paragraph has a background color of #0c54c3.

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

#0c54c3 border color

This element has a border color of #0c54c3.

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

CSS codes

.text {color:#0c54c3;}

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

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

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

#01040a
```
#01040a rgb(1,4,10)
```
#020c1d
```
#020c1d rgb(2,12,29)
```
#03142f
```
#03142f rgb(3,20,47)
```
#041c42
```
#041c42 rgb(4,28,66)
```
#052454
```
#052454 rgb(5,36,84)
```
#062c67
```
#062c67 rgb(6,44,103)
```
#073479
```
#073479 rgb(7,52,121)
```
#093c8c
```
#093c8c rgb(9,60,140)
```
#0a449e
```
#0a449e rgb(10,68,158)
```
#0b4cb1
```
#0b4cb1 rgb(11,76,177)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#0d5cd5
```
#0d5cd5 rgb(13,92,213)
```
#0e64e8
```
#0e64e8 rgb(14,100,232)
```

Shade Color Variation

#196ef1
```
#196ef1 rgb(25,110,241)
```
#2b7af2
```
#2b7af2 rgb(43,122,242)
```
#3e85f3
```
#3e85f3 rgb(62,133,243)
```
#5091f4
```
#5091f4 rgb(80,145,244)
```
#639df5
```
#639df5 rgb(99,157,245)
```
#75a8f7
```
#75a8f7 rgb(117,168,247)
```
#88b4f8
```
#88b4f8 rgb(136,180,248)
```
#9ac0f9
```
#9ac0f9 rgb(154,192,249)
```
#adcbfa
```
#adcbfa rgb(173,203,250)
```
#bfd7fb
```
#bfd7fb rgb(191,215,251)
```
#d2e2fc
```
#d2e2fc rgb(210,226,252)
```
#e4eefd
```
#e4eefd rgb(228,238,253)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64676b is the less saturated color, while #0452cb is the most saturated one.

#64676b
```
#64676b rgb(100,103,107)
```
#5c6573
```
#5c6573 rgb(92,101,115)
```
#54637b
```
#54637b rgb(84,99,123)
```
#4c6283
```
#4c6283 rgb(76,98,131)
```
#44608b
```
#44608b rgb(68,96,139)
```
#3c5e93
```
#3c5e93 rgb(60,94,147)
```
#345c9b
```
#345c9b rgb(52,92,155)
```
#2c5ba3
```
#2c5ba3 rgb(44,91,163)
```
#2459ab
```
#2459ab rgb(36,89,171)
```
#1c57b3
```
#1c57b3 rgb(28,87,179)
```
#1456bb
```
#1456bb rgb(20,86,187)
```
#0c54c3
```
#0c54c3 rgb(12,84,195)
```
#0452cb
```
#0452cb rgb(4,82,203)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3e4d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#045bbe Protanomaly 1% of men, 0.01% of women
#045faf Deuteranomaly 6% of men, 0.4% of women
#04638f Tritanomaly 0.01% of the population

#0c54c3 hex color

#0c54c3 Color Information

#0c54c3 Color Conversion

Color Schemes with #0c54c3

Alternatives to #0c54c3

#0c54c3 Preview

Shades and Tints of #0c54c3

Tones of #0c54c3

Color Blindness Simulator