#0c9ddd hex color

In a RGB color space, hex #0c9ddd is composed of 4.7% red, 61.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 29% magenta, 0% yellow and 13.3% black. It has a hue angle of 198.4 degrees, a saturation of 89.7% and a lightness of 45.7%. #0c9ddd color hex could be obtained by blending #18ffff with #003bbb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 62
- B 87
RGB color chart
- C 95
- M 29
- Y 0
- K 13
CMYK color chart

● #0c9ddd color description : Vivid blue.

The hexadecimal color #0c9ddd has RGB values of R:12, G:157, B:221 and CMYK values of C:0.95, M:0.29, Y:0, K:0.13. Its decimal value is 826845.

Hex triplet	0c9ddd	`#0c9ddd`
RGB Decimal	12, 157, 221	`rgb(12,157,221)`
RGB Percent	4.7, 61.6, 86.7	`rgb(4.7%,61.6%,86.7%)`
CMYK	95, 29, 0, 13
HSL	198.4°, 89.7, 45.7	`hsl(198.4,89.7%,45.7%)`
HSV (or HSB)	198.4°, 94.6, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.142, -11.057, -41.841
XYZ	25.256, 29.41, 72.748
xyY	0.198, 0.231, 29.41
CIE-LCH	61.142, 43.277, 255.197
CIE-LUV	61.142, -39.967, -64.963
Hunter-Lab	54.231, -11.774, -41.573
Binary	00001100, 10011101, 11011101

#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#dd4c0c
```
#dd4c0c rgb(221,76,12)
```

Complementary Color

#0cddb5
```
#0cddb5 rgb(12,221,181)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#0c34dd
```
#0c34dd rgb(12,52,221)
```

Analogous Color

#ddb50c
```
#ddb50c rgb(221,181,12)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#dd0c34
```
#dd0c34 rgb(221,12,52)
```

Split Complementary Color

#9ddd0c
```
#9ddd0c rgb(157,221,12)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#dd0c9d
```
#dd0c9d rgb(221,12,157)
```

Triadic Color

#0cdd4c
```
#0cdd4c rgb(12,221,76)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#dd0c9d
```
#dd0c9d rgb(221,12,157)
```
#dd4c0c
```
#dd4c0c rgb(221,76,12)
```

Tetradic Color

#086994
```
#086994 rgb(8,105,148)
```
#097bad
```
#097bad rgb(9,123,173)
```
#0b8cc5
```
#0b8cc5 rgb(11,140,197)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#10adf2
```
#10adf2 rgb(16,173,242)
```
#29b5f3
```
#29b5f3 rgb(41,181,243)
```
#41bef5
```
#41bef5 rgb(65,190,245)
```

Monochromatic Color

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

#0cd1dd
```
#0cd1dd rgb(12,209,221)
```
#0cc0dd
```
#0cc0dd rgb(12,192,221)
```
#0caedd
```
#0caedd rgb(12,174,221)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#0c8cdd
```
#0c8cdd rgb(12,140,221)
```
#0c7add
```
#0c7add rgb(12,122,221)
```
#0c69dd
```
#0c69dd rgb(12,105,221)
```

Similar Colors

Text with hexadecimal color #0c9ddd

This text has a font color of #0c9ddd.

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

#0c9ddd background color

This paragraph has a background color of #0c9ddd.

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

#0c9ddd border color

This element has a border color of #0c9ddd.

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

CSS codes

.text {color:#0c9ddd;}

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

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

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, #010c10 is the darkest color, while #fdfeff is the lightest one.

#010c10
```
#010c10 rgb(1,12,16)
```
#021923
```
#021923 rgb(2,25,35)
```
#032636
```
#032636 rgb(3,38,54)
```
#043348
```
#043348 rgb(4,51,72)
```
#05405b
```
#05405b rgb(5,64,91)
```
#064e6d
```
#064e6d rgb(6,78,109)
```
#075b80
```
#075b80 rgb(7,91,128)
```
#086893
```
#086893 rgb(8,104,147)
```
#0975a5
```
#0975a5 rgb(9,117,165)
```
#0a83b8
```
#0a83b8 rgb(10,131,184)
```
#0b90ca
```
#0b90ca rgb(11,144,202)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#0daaf0
```
#0daaf0 rgb(13,170,240)
```

Shade Color Variation

#1db1f3
```
#1db1f3 rgb(29,177,243)
```
#30b8f4
```
#30b8f4 rgb(48,184,244)
```
#43bef5
```
#43bef5 rgb(67,190,245)
```
#55c5f6
```
#55c5f6 rgb(85,197,246)
```
#68cbf7
```
#68cbf7 rgb(104,203,247)
```
#7bd1f8
```
#7bd1f8 rgb(123,209,248)
```
#8dd8f9
```
#8dd8f9 rgb(141,216,249)
```
#a0defa
```
#a0defa rgb(160,222,250)
```
#b2e5fb
```
#b2e5fb rgb(178,229,251)
```
#c5ebfc
```
#c5ebfc rgb(197,235,252)
```
#d8f1fd
```
#d8f1fd rgb(216,241,253)
```
#eaf8fe
```
#eaf8fe rgb(234,248,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f777a is the less saturated color, while #03a0e6 is the most saturated one.

#6f777a
```
#6f777a rgb(111,119,122)
```
#667a83
```
#667a83 rgb(102,122,131)
```
#5d7e8c
```
#5d7e8c rgb(93,126,140)
```
#548195
```
#548195 rgb(84,129,149)
```
#4b859e
```
#4b859e rgb(75,133,158)
```
#4288a7
```
#4288a7 rgb(66,136,167)
```
#398cb0
```
#398cb0 rgb(57,140,176)
```
#308fb9
```
#308fb9 rgb(48,143,185)
```
#2793c2
```
#2793c2 rgb(39,147,194)
```
#1e96cb
```
#1e96cb rgb(30,150,203)
```
#159ad4
```
#159ad4 rgb(21,154,212)
```
#0c9ddd
```
#0c9ddd rgb(12,157,221)
```
#03a0e6
```
#03a0e6 rgb(3,160,230)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#63808d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8297d6 Protanopia 1% of men
#7098e2 Deuteranopia 1% of men
#00a8b3 Tritanopia 0.001% of the population

Trichromacy

#5799d8 Protanomaly 1% of men, 0.01% of women
#4c9ae0 Deuteranomaly 6% of men, 0.4% of women
#04a4c2 Tritanomaly 0.01% of the population

#0c9ddd hex color

#0c9ddd Color Information

#0c9ddd Color Conversion

Color Schemes with #0c9ddd

Alternatives to #0c9ddd

#0c9ddd Preview

Shades and Tints of #0c9ddd

Tones of #0c9ddd

Color Blindness Simulator