#0c4ed0 hex color

In a RGB color space, hex #0c4ed0 is composed of 4.7% red, 30.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 62.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 219.8 degrees, a saturation of 89.1% and a lightness of 43.1%. #0c4ed0 color hex could be obtained by blending #189cff with #0000a1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 5
- G 31
- B 82
RGB color chart
- C 94
- M 63
- Y 0
- K 18
CMYK color chart

● #0c4ed0 color description : Strong blue.

The hexadecimal color #0c4ed0 has RGB values of R:12, G:78, B:208 and CMYK values of C:0.94, M:0.63, Y:0, K:0.18. Its decimal value is 806608.

Hex triplet	0c4ed0	`#0c4ed0`
RGB Decimal	12, 78, 208	`rgb(12,78,208)`
RGB Percent	4.7, 30.6, 81.6	`rgb(4.7%,30.6%,81.6%)`
CMYK	94, 63, 0, 18
HSL	219.8°, 89.1, 43.1	`hsl(219.8,89.1%,43.1%)`
HSV (or HSB)	219.8°, 94.2, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	37.985, 32.98, -71.675
XYZ	14.259, 10.08, 60.865
xyY	0.167, 0.118, 10.08
CIE-LCH	37.985, 78.898, 294.709
CIE-LUV	37.985, -16.775, -102.559
Hunter-Lab	31.749, 24.606, -91.44
Binary	00001100, 01001110, 11010000

#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#d08e0c
```
#d08e0c rgb(208,142,12)
```

Complementary Color

#0cb0d0
```
#0cb0d0 rgb(12,176,208)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#2c0cd0
```
#2c0cd0 rgb(44,12,208)
```

Analogous Color

#b0d00c
```
#b0d00c rgb(176,208,12)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#d02c0c
```
#d02c0c rgb(208,44,12)
```

Split Complementary Color

#4ed00c
```
#4ed00c rgb(78,208,12)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#d00c4e
```
#d00c4e rgb(208,12,78)
```

Triadic Color

#0cd08e
```
#0cd08e rgb(12,208,142)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#d00c4e
```
#d00c4e rgb(208,12,78)
```
#d08e0c
```
#d08e0c rgb(208,142,12)
```

Tetradic Color

#083388
```
#083388 rgb(8,51,136)
```
#093ca0
```
#093ca0 rgb(9,60,160)
```
#0b45b8
```
#0b45b8 rgb(11,69,184)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#0d57e8
```
#0d57e8 rgb(13,87,232)
```
#1d65f2
```
#1d65f2 rgb(29,101,242)
```
#3575f3
```
#3575f3 rgb(53,117,243)
```

Monochromatic Color

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

#0c7fd0
```
#0c7fd0 rgb(12,127,208)
```
#0c6fd0
```
#0c6fd0 rgb(12,111,208)
```
#0c5ed0
```
#0c5ed0 rgb(12,94,208)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#0c3ed0
```
#0c3ed0 rgb(12,62,208)
```
#0c2dd0
```
#0c2dd0 rgb(12,45,208)
```
#0c1dd0
```
#0c1dd0 rgb(12,29,208)
```

Similar Colors

Text with hexadecimal color #0c4ed0

This text has a font color of #0c4ed0.

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

#0c4ed0 background color

This paragraph has a background color of #0c4ed0.

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

#0c4ed0 border color

This element has a border color of #0c4ed0.

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

CSS codes

.text {color:#0c4ed0;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010817
```
#010817 rgb(1,8,23)
```
#020f29
```
#020f29 rgb(2,15,41)
```
#03163c
```
#03163c rgb(3,22,60)
```
#051d4e
```
#051d4e rgb(5,29,78)
```
#062461
```
#062461 rgb(6,36,97)
```
#072b73
```
#072b73 rgb(7,43,115)
```
#083286
```
#083286 rgb(8,50,134)
```
#093998
```
#093998 rgb(9,57,152)
```
#0a40ab
```
#0a40ab rgb(10,64,171)
```
#0b47bd
```
#0b47bd rgb(11,71,189)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#0d55e3
```
#0d55e3 rgb(13,85,227)
```

Shade Color Variation

#125df1
```
#125df1 rgb(18,93,241)
```
#246af2
```
#246af2 rgb(36,106,242)
```
#3776f3
```
#3776f3 rgb(55,118,243)
```
#4a83f5
```
#4a83f5 rgb(74,131,245)
```
#5c90f6
```
#5c90f6 rgb(92,144,246)
```
#6f9cf7
```
#6f9cf7 rgb(111,156,247)
```
#81a9f8
```
#81a9f8 rgb(129,169,248)
```
#94b6f9
```
#94b6f9 rgb(148,182,249)
```
#a6c2fa
```
#a6c2fa rgb(166,194,250)
```
#b9cffb
```
#b9cffb rgb(185,207,251)
```
#cbdcfc
```
#cbdcfc rgb(203,220,252)
```
#dee8fd
```
#dee8fd rgb(222,232,253)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c73 is the less saturated color, while #044bd8 is the most saturated one.

#696c73
```
#696c73 rgb(105,108,115)
```
#616a7b
```
#616a7b rgb(97,106,123)
```
#586784
```
#586784 rgb(88,103,132)
```
#50648c
```
#50648c rgb(80,100,140)
```
#476195
```
#476195 rgb(71,97,149)
```
#3f5f9d
```
#3f5f9d rgb(63,95,157)
```
#365ca6
```
#365ca6 rgb(54,92,166)
```
#2e59ae
```
#2e59ae rgb(46,89,174)
```
#2556b7
```
#2556b7 rgb(37,86,183)
```
#1d54bf
```
#1d54bf rgb(29,84,191)
```
#1451c8
```
#1451c8 rgb(20,81,200)
```
#0c4ed0
```
#0c4ed0 rgb(12,78,208)
```
#044bd8
```
#044bd8 rgb(4,75,216)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3d4a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0458c1 Protanomaly 1% of men, 0.01% of women
#045cb2 Deuteranomaly 6% of men, 0.4% of women
#046093 Tritanomaly 0.01% of the population

#0c4ed0 hex color

#0c4ed0 Color Information

#0c4ed0 Color Conversion

Color Schemes with #0c4ed0

Alternatives to #0c4ed0

#0c4ed0 Preview

Shades and Tints of #0c4ed0

Tones of #0c4ed0

Color Blindness Simulator