colorhexa.com

#0c54a8 hex color

In a RGB color space, hex #0c54a8 is composed of 4.7% red, 32.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 50% magenta, 0% yellow and 34.1% black. It has a hue angle of 212.3 degrees, a saturation of 86.7% and a lightness of 35.3%. #0c54a8 color hex could be obtained by blending #18a8ff with #000051. Closest websafe color is: #006699.

- R 5
- G 33
- B 66
RGB color chart
- C 93
- M 50
- Y 0
- K 34
CMYK color chart

● #0c54a8 color description : Dark blue.

The hexadecimal color #0c54a8 has RGB values of R:12, G:84, B:168 and CMYK values of C:0.93, M:0.5, Y:0, K:0.34. Its decimal value is 808104.

Hex triplet	0c54a8	`#0c54a8`
RGB Decimal	12, 84, 168	`rgb(12,84,168)`
RGB Percent	4.7, 32.9, 65.9	`rgb(4.7%,32.9%,65.9%)`
CMYK	93, 50, 0, 34
HSL	212.3°, 86.7, 35.3	`hsl(212.3,86.7%,35.3%)`
HSV (or HSB)	212.3°, 92.9, 65.9
Web Safe	006699	`#006699`

CIE-LAB	36.452, 12.973, -50.723
XYZ	10.388, 9.245, 38.281
xyY	0.179, 0.16, 9.245
CIE-LCH	36.452, 52.356, 284.347
CIE-LUV	36.452, -19.138, -72.527
Hunter-Lab	30.406, 7.775, -53.362
Binary	00001100, 01010100, 10101000

#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#a8600c
```
#a8600c rgb(168,96,12)
```

Complementary Color

#0ca2a8
```
#0ca2a8 rgb(12,162,168)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#120ca8
```
#120ca8 rgb(18,12,168)
```

Analogous Color

#a2a80c
```
#a2a80c rgb(162,168,12)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#a8120c
```
#a8120c rgb(168,18,12)
```

Split Complementary Color

#54a80c
```
#54a80c rgb(84,168,12)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#a80c54
```
#a80c54 rgb(168,12,84)
```

Triadic Color

#073061
```
#073061 rgb(7,48,97)
```
#093c78
```
#093c78 rgb(9,60,120)
```
#0a4890
```
#0a4890 rgb(10,72,144)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#0e60c0
```
#0e60c0 rgb(14,96,192)
```
#0f6cd8
```
#0f6cd8 rgb(15,108,216)
```
#1278ee
```
#1278ee rgb(18,120,238)
```

Monochromatic Color

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

#0c7ba8
```
#0c7ba8 rgb(12,123,168)
```
#0c6ea8
```
#0c6ea8 rgb(12,110,168)
```
#0c61a8
```
#0c61a8 rgb(12,97,168)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#0c47a8
```
#0c47a8 rgb(12,71,168)
```
#0c3aa8
```
#0c3aa8 rgb(12,58,168)
```
#0c2da8
```
#0c2da8 rgb(12,45,168)
```

Similar Colors

Text with hexadecimal color #0c54a8

This text has a font color of #0c54a8.

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

#0c54a8 background color

This paragraph has a background color of #0c54a8.

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

#0c54a8 border color

This element has a border color of #0c54a8.

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

CSS codes

.text {color:#0c54a8;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020b16
```
#020b16 rgb(2,11,22)
```
#031428
```
#031428 rgb(3,20,40)
```
#041d3a
```
#041d3a rgb(4,29,58)
```
#05264c
```
#05264c rgb(5,38,76)
```
#072f5f
```
#072f5f rgb(7,47,95)
```
#083971
```
#083971 rgb(8,57,113)
```
#094283
```
#094283 rgb(9,66,131)
```
#0b4b96
```
#0b4b96 rgb(11,75,150)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#0d5dba
```
#0d5dba rgb(13,93,186)
```
#0f66cd
```
#0f66cd rgb(15,102,205)
```
#106fdf
```
#106fdf rgb(16,111,223)
```

Shade Color Variation

#1479ee
```
#1479ee rgb(20,121,238)
```
#2783f0
```
#2783f0 rgb(39,131,240)
```
#398ef1
```
#398ef1 rgb(57,142,241)
```
#4b98f2
```
#4b98f2 rgb(75,152,242)
```
#5da3f3
```
#5da3f3 rgb(93,163,243)
```
#70adf5
```
#70adf5 rgb(112,173,245)
```
#82b8f6
```
#82b8f6 rgb(130,184,246)
```
#94c2f7
```
#94c2f7 rgb(148,194,247)
```
#a7cdf9
```
#a7cdf9 rgb(167,205,249)
```
#b9d7fa
```
#b9d7fa rgb(185,215,250)
```
#cbe1fb
```
#cbe1fb rgb(203,225,251)
```
#deecfd
```
#deecfd rgb(222,236,253)
```
#f0f6fe
```
#f0f6fe rgb(240,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5c is the less saturated color, while #0553af is the most saturated one.

#585a5c
```
#585a5c rgb(88,90,92)
```
#515963
```
#515963 rgb(81,89,99)
```
#4a596a
```
#4a596a rgb(74,89,106)
```
#435871
```
#435871 rgb(67,88,113)
```
#3c5878
```
#3c5878 rgb(60,88,120)
```
#36577e
```
#36577e rgb(54,87,126)
```
#2f5785
```
#2f5785 rgb(47,87,133)
```
#28568c
```
#28568c rgb(40,86,140)
```
#215693
```
#215693 rgb(33,86,147)
```
#1a559a
```
#1a559a rgb(26,85,154)
```
#1355a1
```
#1355a1 rgb(19,85,161)
```
#0c54a8
```
#0c54a8 rgb(12,84,168)
```
#0553af
```
#0553af rgb(5,83,175)
```

Tone Color Variation

Below, you can see how #0c54a8 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
#3c4a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#295bab Protanopia 1% of men
#00609e Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1f59aa Protanomaly 1% of men, 0.01% of women
#045ba1 Deuteranomaly 6% of men, 0.4% of women
#046082 Tritanomaly 0.01% of the population