#0c7aed hex color

In a RGB color space, hex #0c7aed is composed of 4.7% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 210.7 degrees, a saturation of 90.4% and a lightness of 48.8%. #0c7aed color hex could be obtained by blending #18f4ff with #0000db. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 5
- G 48
- B 93
RGB color chart
- C 95
- M 49
- Y 0
- K 7
CMYK color chart

● #0c7aed color description : Vivid blue.

The hexadecimal color #0c7aed has RGB values of R:12, G:122, B:237 and CMYK values of C:0.95, M:0.49, Y:0, K:0.07. Its decimal value is 817901.

Hex triplet	0c7aed	`#0c7aed`
RGB Decimal	12, 122, 237	`rgb(12,122,237)`
RGB Percent	4.7, 47.8, 92.9	`rgb(4.7%,47.8%,92.9%)`
CMYK	95, 49, 0, 7
HSL	210.7°, 90.4, 48.8	`hsl(210.7,90.4%,48.8%)`
HSV (or HSB)	210.7°, 94.9, 92.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.961, 15.881, -65.391
XYZ	22.394, 20.11, 82.817
xyY	0.179, 0.16, 20.11
CIE-LCH	51.961, 67.292, 283.651
CIE-LUV	51.961, -27.948, -102.808
Hunter-Lab	44.844, 10.661, -78.106
Binary	00001100, 01111010, 11101101

#0c7aed
```
#0c7aed rgb(12,122,237)
```
#ed7f0c
```
#ed7f0c rgb(237,127,12)
```

Complementary Color

#0cebed
```
#0cebed rgb(12,235,237)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#0e0ced
```
#0e0ced rgb(14,12,237)
```

Analogous Color

#ebed0c
```
#ebed0c rgb(235,237,12)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#ed0e0c
```
#ed0e0c rgb(237,14,12)
```

Split Complementary Color

#7aed0c
```
#7aed0c rgb(122,237,12)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#ed0c7a
```
#ed0c7a rgb(237,12,122)
```

Triadic Color

#0ced7f
```
#0ced7f rgb(12,237,127)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#ed0c7a
```
#ed0c7a rgb(237,12,122)
```
#ed7f0c
```
#ed7f0c rgb(237,127,12)
```

Tetradic Color

#0855a4
```
#0855a4 rgb(8,85,164)
```
#0a61bc
```
#0a61bc rgb(10,97,188)
```
#0b6ed5
```
#0b6ed5 rgb(11,110,213)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#1f87f4
```
#1f87f4 rgb(31,135,244)
```
#3794f5
```
#3794f5 rgb(55,148,245)
```
#4fa1f6
```
#4fa1f6 rgb(79,161,246)
```

Monochromatic Color

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

#0cb2ed
```
#0cb2ed rgb(12,178,237)
```
#0ca0ed
```
#0ca0ed rgb(12,160,237)
```
#0c8ded
```
#0c8ded rgb(12,141,237)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#0c67ed
```
#0c67ed rgb(12,103,237)
```
#0c55ed
```
#0c55ed rgb(12,85,237)
```
#0c42ed
```
#0c42ed rgb(12,66,237)
```

Similar Colors

Text with hexadecimal color #0c7aed

This text has a font color of #0c7aed.

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

#0c7aed background color

This paragraph has a background color of #0c7aed.

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

#0c7aed border color

This element has a border color of #0c7aed.

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

CSS codes

.text {color:#0c7aed;}

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

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

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, #01070d is the darkest color, while #f9fcff is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#021020
```
#021020 rgb(2,16,32)
```
#031a32
```
#031a32 rgb(3,26,50)
```
#032445
```
#032445 rgb(3,36,69)
```
#042d58
```
#042d58 rgb(4,45,88)
```
#05376a
```
#05376a rgb(5,55,106)
```
#06407d
```
#06407d rgb(6,64,125)
```
#074a90
```
#074a90 rgb(7,74,144)
```
#0854a2
```
#0854a2 rgb(8,84,162)
```
#095db5
```
#095db5 rgb(9,93,181)
```
#0a67c8
```
#0a67c8 rgb(10,103,200)
```
#0b70da
```
#0b70da rgb(11,112,218)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```

Shade Color Variation

#1984f3
```
#1984f3 rgb(25,132,243)
```
#2c8ef4
```
#2c8ef4 rgb(44,142,244)
```
#3f98f5
```
#3f98f5 rgb(63,152,245)
```
#51a2f6
```
#51a2f6 rgb(81,162,246)
```
#64acf7
```
#64acf7 rgb(100,172,247)
```
#77b6f8
```
#77b6f8 rgb(119,182,248)
```
#89c0f9
```
#89c0f9 rgb(137,192,249)
```
#9ccafa
```
#9ccafa rgb(156,202,250)
```
#afd4fb
```
#afd4fb rgb(175,212,251)
```
#c1defc
```
#c1defc rgb(193,222,252)
```
#d4e8fd
```
#d4e8fd rgb(212,232,253)
```
#e7f2fe
```
#e7f2fe rgb(231,242,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757c84 is the less saturated color, while #027af7 is the most saturated one.

#757c84
```
#757c84 rgb(117,124,132)
```
#6c7c8d
```
#6c7c8d rgb(108,124,141)
```
#627c97
```
#627c97 rgb(98,124,151)
```
#597ca0
```
#597ca0 rgb(89,124,160)
```
#4f7baa
```
#4f7baa rgb(79,123,170)
```
#457bb4
```
#457bb4 rgb(69,123,180)
```
#3c7bbd
```
#3c7bbd rgb(60,123,189)
```
#327bc7
```
#327bc7 rgb(50,123,199)
```
#297bd0
```
#297bd0 rgb(41,123,208)
```
#1f7ada
```
#1f7ada rgb(31,122,218)
```
#167ae3
```
#167ae3 rgb(22,122,227)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#027af7
```
#027af7 rgb(2,122,247)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#546a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b7fec Protanopia 1% of men
#0085db Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#2a7dec Protanomaly 1% of men, 0.01% of women
#0481e1 Deuteranomaly 6% of men, 0.4% of women
#0487b6 Tritanomaly 0.01% of the population

#0c7aed hex color

#0c7aed Color Information

#0c7aed Color Conversion

Color Schemes with #0c7aed

Alternatives to #0c7aed

#0c7aed Preview

Shades and Tints of #0c7aed

Tones of #0c7aed

Color Blindness Simulator