#0faac2 hex color

In a RGB color space, hex #0faac2 is composed of 5.9% red, 66.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 12.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 188 degrees, a saturation of 85.6% and a lightness of 41%. #0faac2 color hex could be obtained by blending #1effff with #005585. 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

● #0faac2 color description : Strong cyan.

The hexadecimal color #0faac2 has RGB values of R:15, G:170, B:194 and CMYK values of C:0.92, M:0.12, Y:0, K:0.24. Its decimal value is 1026754.

Hex triplet	0faac2	`#0faac2`
RGB Decimal	15, 170, 194	`rgb(15,170,194)`
RGB Percent	5.9, 66.7, 76.1	`rgb(5.9%,66.7%,76.1%)`
CMYK	92, 12, 0, 24
HSL	188°, 85.6, 41	`hsl(188,85.6%,41%)`
HSV (or HSB)	188°, 92.3, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.953, -27.255, -22.463
XYZ	24.307, 32.744, 56.075
xyY	0.215, 0.289, 32.744
CIE-LCH	63.953, 35.318, 219.494
CIE-LUV	63.953, -46.251, -31.012
Hunter-Lab	57.222, -24.316, -18.046
Binary	00001111, 10101010, 11000010

#0faac2
```
#0faac2 rgb(15,170,194)
```
#c2270f
```
#c2270f rgb(194,39,15)
```

Complementary Color

#0fc281
```
#0fc281 rgb(15,194,129)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#0f50c2
```
#0f50c2 rgb(15,80,194)
```

Analogous Color

#c2810f
```
#c2810f rgb(194,129,15)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#c20f50
```
#c20f50 rgb(194,15,80)
```

Split Complementary Color

#aac20f
```
#aac20f rgb(170,194,15)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#c20faa
```
#c20faa rgb(194,15,170)
```

Triadic Color

#0fc227
```
#0fc227 rgb(15,194,39)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#c20faa
```
#c20faa rgb(194,15,170)
```
#c2270f
```
#c2270f rgb(194,39,15)
```

Tetradic Color

#0a6c7b
```
#0a6c7b rgb(10,108,123)
```
#0b8193
```
#0b8193 rgb(11,129,147)
```
#0d95aa
```
#0d95aa rgb(13,149,170)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#11bfda
```
#11bfda rgb(17,191,218)
```
#17d0ed
```
#17d0ed rgb(23,208,237)
```
#2fd5ef
```
#2fd5ef rgb(47,213,239)
```

Monochromatic Color

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

#0fc2ad
```
#0fc2ad rgb(15,194,173)
```
#0fc2bc
```
#0fc2bc rgb(15,194,188)
```
#0fb9c2
```
#0fb9c2 rgb(15,185,194)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#0f9bc2
```
#0f9bc2 rgb(15,155,194)
```
#0f8cc2
```
#0f8cc2 rgb(15,140,194)
```
#0f7dc2
```
#0f7dc2 rgb(15,125,194)
```

Similar Colors

Text with hexadecimal color #0faac2

This text has a font color of #0faac2.

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

#0faac2 background color

This paragraph has a background color of #0faac2.

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

#0faac2 border color

This element has a border color of #0faac2.

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

CSS codes

.text {color:#0faac2;}

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

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

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

#010a0c
```
#010a0c rgb(1,10,12)
```
#021a1e
```
#021a1e rgb(2,26,30)
```
#042a30
```
#042a30 rgb(4,42,48)
```
#053a43
```
#053a43 rgb(5,58,67)
```
#074a55
```
#074a55 rgb(7,74,85)
```
#085a67
```
#085a67 rgb(8,90,103)
```
#096a79
```
#096a79 rgb(9,106,121)
```
#0b7a8b
```
#0b7a8b rgb(11,122,139)
```
#0c8a9e
```
#0c8a9e rgb(12,138,158)
```
#0e9ab0
```
#0e9ab0 rgb(14,154,176)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#10bad4
```
#10bad4 rgb(16,186,212)
```
#12cae6
```
#12cae6 rgb(18,202,230)
```

Shade Color Variation

#1ed2ee
```
#1ed2ee rgb(30,210,238)
```
#30d5ef
```
#30d5ef rgb(48,213,239)
```
#43d9f0
```
#43d9f0 rgb(67,217,240)
```
#55ddf2
```
#55ddf2 rgb(85,221,242)
```
#67e0f3
```
#67e0f3 rgb(103,224,243)
```
#79e4f5
```
#79e4f5 rgb(121,228,245)
```
#8be8f6
```
#8be8f6 rgb(139,232,246)
```
#9eebf7
```
#9eebf7 rgb(158,235,247)
```
#b0eff9
```
#b0eff9 rgb(176,239,249)
```
#c2f3fa
```
#c2f3fa rgb(194,243,250)
```
#d4f6fc
```
#d4f6fc rgb(212,246,252)
```
#e7fafd
```
#e7fafd rgb(231,250,253)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#67696a
```
#67696a rgb(103,105,106)
```
#5f6f72
```
#5f6f72 rgb(95,111,114)
```
#57757a
```
#57757a rgb(87,117,122)
```
#4f7b82
```
#4f7b82 rgb(79,123,130)
```
#47818a
```
#47818a rgb(71,129,138)
```
#3f8792
```
#3f8792 rgb(63,135,146)
```
#378d9a
```
#378d9a rgb(55,141,154)
```
#2f92a2
```
#2f92a2 rgb(47,146,162)
```
#2798aa
```
#2798aa rgb(39,152,170)
```
#1f9eb2
```
#1f9eb2 rgb(31,158,178)
```
#17a4ba
```
#17a4ba rgb(23,164,186)
```
#0faac2
```
#0faac2 rgb(15,170,194)
```
#07b0ca
```
#07b0ca rgb(7,176,202)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#68878c Atypical Achromatopsia 0.001% of the population

Dichromacy

#999ebb Protanopia 1% of men
#969dcb Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#67a2bd Protanomaly 1% of men, 0.01% of women
#65a2c8 Deuteranomaly 6% of men, 0.4% of women
#05adbe Tritanomaly 0.01% of the population

#0faac2 hex color

#0faac2 Color Information

#0faac2 Color Conversion

Color Schemes with #0faac2

Alternatives to #0faac2

#0faac2 Preview

Shades and Tints of #0faac2

Tones of #0faac2

Color Blindness Simulator