#0facc3 hex color

In a RGB color space, hex #0facc3 is composed of 5.9% red, 67.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 11.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 187.7 degrees, a saturation of 85.7% and a lightness of 41.2%. #0facc3 color hex could be obtained by blending #1effff with #005987. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 67
- B 76
RGB color chart
- C 92
- M 12
- Y 0
- K 24
CMYK color chart

● #0facc3 color description : Strong cyan.

The hexadecimal color #0facc3 has RGB values of R:15, G:172, B:195 and CMYK values of C:0.92, M:0.12, Y:0, K:0.24. Its decimal value is 1027267.

Hex triplet	0facc3	`#0facc3`
RGB Decimal	15, 172, 195	`rgb(15,172,195)`
RGB Percent	5.9, 67.5, 76.5	`rgb(5.9%,67.5%,76.5%)`
CMYK	92, 12, 0, 24
HSL	187.7°, 85.7, 41.2	`hsl(187.7,85.7%,41.2%)`
HSV (or HSB)	187.7°, 92.3, 76.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.599, -27.92, -22.031
XYZ	24.797, 33.544, 56.795
xyY	0.215, 0.291, 33.544
CIE-LCH	64.599, 35.565, 218.275
CIE-LUV	64.599, -46.866, -30.258
Hunter-Lab	57.917, -24.932, -17.598
Binary	00001111, 10101100, 11000011

#0facc3
```
#0facc3 rgb(15,172,195)
```
#c3260f
```
#c3260f rgb(195,38,15)
```

Complementary Color

#0fc380
```
#0fc380 rgb(15,195,128)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#0f52c3
```
#0f52c3 rgb(15,82,195)
```

Analogous Color

#c3800f
```
#c3800f rgb(195,128,15)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#c30f52
```
#c30f52 rgb(195,15,82)
```

Split Complementary Color

#acc30f
```
#acc30f rgb(172,195,15)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#c30fac
```
#c30fac rgb(195,15,172)
```

Triadic Color

#0fc326
```
#0fc326 rgb(15,195,38)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#c30fac
```
#c30fac rgb(195,15,172)
```
#c3260f
```
#c3260f rgb(195,38,15)
```

Tetradic Color

#0a6d7c
```
#0a6d7c rgb(10,109,124)
```
#0b8294
```
#0b8294 rgb(11,130,148)
```
#0d97ab
```
#0d97ab rgb(13,151,171)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#11c1db
```
#11c1db rgb(17,193,219)
```
#18d2ed
```
#18d2ed rgb(24,210,237)
```
#2fd7ef
```
#2fd7ef rgb(47,215,239)
```

Monochromatic Color

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

#0fc3ad
```
#0fc3ad rgb(15,195,173)
```
#0fc3bc
```
#0fc3bc rgb(15,195,188)
```
#0fbbc3
```
#0fbbc3 rgb(15,187,195)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#0f9dc3
```
#0f9dc3 rgb(15,157,195)
```
#0f8ec3
```
#0f8ec3 rgb(15,142,195)
```
#0f7fc3
```
#0f7fc3 rgb(15,127,195)
```

Similar Colors

Text with hexadecimal color #0facc3

This text has a font color of #0facc3.

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

#0facc3 background color

This paragraph has a background color of #0facc3.

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

#0facc3 border color

This element has a border color of #0facc3.

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

CSS codes

.text {color:#0facc3;}

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

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

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

#010b0d
```
#010b0d rgb(1,11,13)
```
#021b1f
```
#021b1f rgb(2,27,31)
```
#042b31
```
#042b31 rgb(4,43,49)
```
#053c44
```
#053c44 rgb(5,60,68)
```
#074c56
```
#074c56 rgb(7,76,86)
```
#085c68
```
#085c68 rgb(8,92,104)
```
#096c7a
```
#096c7a rgb(9,108,122)
```
#0b7c8c
```
#0b7c8c rgb(11,124,140)
```
#0c8c9f
```
#0c8c9f rgb(12,140,159)
```
#0e9cb1
```
#0e9cb1 rgb(14,156,177)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#10bcd5
```
#10bcd5 rgb(16,188,213)
```
#12cce7
```
#12cce7 rgb(18,204,231)
```

Shade Color Variation

#1fd3ee
```
#1fd3ee rgb(31,211,238)
```
#31d7ef
```
#31d7ef rgb(49,215,239)
```
#44daf1
```
#44daf1 rgb(68,218,241)
```
#56def2
```
#56def2 rgb(86,222,242)
```
#68e2f3
```
#68e2f3 rgb(104,226,243)
```
#7ae5f5
```
#7ae5f5 rgb(122,229,245)
```
#8ce9f6
```
#8ce9f6 rgb(140,233,246)
```
#9fecf8
```
#9fecf8 rgb(159,236,248)
```
#b1f0f9
```
#b1f0f9 rgb(177,240,249)
```
#c3f3fa
```
#c3f3fa rgb(195,243,250)
```
#d5f7fc
```
#d5f7fc rgb(213,247,252)
```
#e7fafd
```
#e7fafd rgb(231,250,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a6a is the less saturated color, while #07b2cb is the most saturated one.

#686a6a
```
#686a6a rgb(104,106,106)
```
#607072
```
#607072 rgb(96,112,114)
```
#58767a
```
#58767a rgb(88,118,122)
```
#507c82
```
#507c82 rgb(80,124,130)
```
#48828a
```
#48828a rgb(72,130,138)
```
#3f8893
```
#3f8893 rgb(63,136,147)
```
#378e9b
```
#378e9b rgb(55,142,155)
```
#2f94a3
```
#2f94a3 rgb(47,148,163)
```
#279aab
```
#279aab rgb(39,154,171)
```
#1fa0b3
```
#1fa0b3 rgb(31,160,179)
```
#17a6bb
```
#17a6bb rgb(23,166,187)
```
#0facc3
```
#0facc3 rgb(15,172,195)
```
#07b2cb
```
#07b2cb rgb(7,178,203)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#69898d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba0bc Protanopia 1% of men
#989fcc Deuteranopia 1% of men
#00b1be Tritanopia 0.001% of the population

Trichromacy

#68a4be Protanomaly 1% of men, 0.01% of women
#66a3c9 Deuteranomaly 6% of men, 0.4% of women
#05afc0 Tritanomaly 0.01% of the population

#0facc3 hex color

#0facc3 Color Information

#0facc3 Color Conversion

Color Schemes with #0facc3

Alternatives to #0facc3

#0facc3 Preview

Shades and Tints of #0facc3

Tones of #0facc3

Color Blindness Simulator