#0fa5bc hex color

In a RGB color space, hex #0fa5bc is composed of 5.9% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 188 degrees, a saturation of 85.2% and a lightness of 39.8%. #0fa5bc color hex could be obtained by blending #1effff with #004b79. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 65
- B 74
RGB color chart
- C 92
- M 12
- Y 0
- K 26
CMYK color chart

● #0fa5bc color description : Strong cyan.

The hexadecimal color #0fa5bc has RGB values of R:15, G:165, B:188 and CMYK values of C:0.92, M:0.12, Y:0, K:0.26. Its decimal value is 1025468.

Hex triplet	0fa5bc	`#0fa5bc`
RGB Decimal	15, 165, 188	`rgb(15,165,188)`
RGB Percent	5.9, 64.7, 73.7	`rgb(5.9%,64.7%,73.7%)`
CMYK	92, 12, 0, 26
HSL	188°, 85.2, 39.8	`hsl(188,85.2%,39.8%)`
HSV (or HSB)	188°, 92, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.203, -26.743, -21.789
XYZ	22.727, 30.64, 52.291
xyY	0.215, 0.29, 30.64
CIE-LCH	62.203, 34.495, 219.172
CIE-LUV	62.203, -44.978, -29.854
Hunter-Lab	55.354, -23.582, -17.261
Binary	00001111, 10100101, 10111100

#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#bc260f
```
#bc260f rgb(188,38,15)
```

Complementary Color

#0fbc7d
```
#0fbc7d rgb(15,188,125)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#0f4fbc
```
#0f4fbc rgb(15,79,188)
```

Analogous Color

#bc7d0f
```
#bc7d0f rgb(188,125,15)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#bc0f4f
```
#bc0f4f rgb(188,15,79)
```

Split Complementary Color

#a5bc0f
```
#a5bc0f rgb(165,188,15)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#bc0fa5
```
#bc0fa5 rgb(188,15,165)
```

Triadic Color

#0fbc26
```
#0fbc26 rgb(15,188,38)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#bc0fa5
```
#bc0fa5 rgb(188,15,165)
```
#bc260f
```
#bc260f rgb(188,38,15)
```

Tetradic Color

#096775
```
#096775 rgb(9,103,117)
```
#0b7c8d
```
#0b7c8d rgb(11,124,141)
```
#0d90a4
```
#0d90a4 rgb(13,144,164)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#11bad4
```
#11bad4 rgb(17,186,212)
```
#13ceeb
```
#13ceeb rgb(19,206,235)
```
#2ad4ee
```
#2ad4ee rgb(42,212,238)
```

Monochromatic Color

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

#0fbca8
```
#0fbca8 rgb(15,188,168)
```
#0fbcb6
```
#0fbcb6 rgb(15,188,182)
```
#0fb3bc
```
#0fb3bc rgb(15,179,188)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#0f97bc
```
#0f97bc rgb(15,151,188)
```
#0f88bc
```
#0f88bc rgb(15,136,188)
```
#0f7abc
```
#0f7abc rgb(15,122,188)
```

Similar Colors

Text with hexadecimal color #0fa5bc

This text has a font color of #0fa5bc.

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

#0fa5bc background color

This paragraph has a background color of #0fa5bc.

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

#0fa5bc border color

This element has a border color of #0fa5bc.

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

CSS codes

.text {color:#0fa5bc;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#021619
```
#021619 rgb(2,22,25)
```
#03252b
```
#03252b rgb(3,37,43)
```
#05353d
```
#05353d rgb(5,53,61)
```
#06454f
```
#06454f rgb(6,69,79)
```
#085561
```
#085561 rgb(8,85,97)
```
#096573
```
#096573 rgb(9,101,115)
```
#0b7586
```
#0b7586 rgb(11,117,134)
```
#0c8598
```
#0c8598 rgb(12,133,152)
```
#0e95aa
```
#0e95aa rgb(14,149,170)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#10b5ce
```
#10b5ce rgb(16,181,206)
```
#12c5e0
```
#12c5e0 rgb(18,197,224)
```

Shade Color Variation

#19d1ed
```
#19d1ed rgb(25,209,237)
```
#2bd4ee
```
#2bd4ee rgb(43,212,238)
```
#3ed8f0
```
#3ed8f0 rgb(62,216,240)
```
#50dcf1
```
#50dcf1 rgb(80,220,241)
```
#62dff2
```
#62dff2 rgb(98,223,242)
```
#74e3f4
```
#74e3f4 rgb(116,227,244)
```
#86e7f5
```
#86e7f5 rgb(134,231,245)
```
#98eaf7
```
#98eaf7 rgb(152,234,247)
```
#abeef8
```
#abeef8 rgb(171,238,248)
```
#bdf2fa
```
#bdf2fa rgb(189,242,250)
```
#cff5fb
```
#cff5fb rgb(207,245,251)
```
#e1f9fd
```
#e1f9fd rgb(225,249,253)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#656666
```
#656666 rgb(101,102,102)
```
#5d6c6e
```
#5d6c6e rgb(93,108,110)
```
#557176
```
#557176 rgb(85,113,118)
```
#4d777e
```
#4d777e rgb(77,119,126)
```
#467d85
```
#467d85 rgb(70,125,133)
```
#3e838d
```
#3e838d rgb(62,131,141)
```
#368895
```
#368895 rgb(54,136,149)
```
#2e8e9d
```
#2e8e9d rgb(46,142,157)
```
#2694a5
```
#2694a5 rgb(38,148,165)
```
#1f9aac
```
#1f9aac rgb(31,154,172)
```
#179fb4
```
#179fb4 rgb(23,159,180)
```
#0fa5bc
```
#0fa5bc rgb(15,165,188)
```
#07abc4
```
#07abc4 rgb(7,171,196)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#658388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ab6 Protanopia 1% of men
#9299c5 Deuteranopia 1% of men
#00aab7 Tritanopia 0.001% of the population

Trichromacy

#649eb8 Protanomaly 1% of men, 0.01% of women
#629dc2 Deuteranomaly 6% of men, 0.4% of women
#05a8b9 Tritanomaly 0.01% of the population

#0fa5bc hex color

#0fa5bc Color Information

#0fa5bc Color Conversion

Color Schemes with #0fa5bc

Alternatives to #0fa5bc

#0fa5bc Preview

Shades and Tints of #0fa5bc

Tones of #0fa5bc

Color Blindness Simulator