#0fa5cf hex color

In a RGB color space, hex #0fa5cf is composed of 5.9% red, 64.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 20.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 193.1 degrees, a saturation of 86.5% and a lightness of 43.5%. #0fa5cf color hex could be obtained by blending #1effff with #004b9f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 65
- B 81
RGB color chart
- C 93
- M 20
- Y 0
- K 19
CMYK color chart

● #0fa5cf color description : Strong cyan.

The hexadecimal color #0fa5cf has RGB values of R:15, G:165, B:207 and CMYK values of C:0.93, M:0.2, Y:0, K:0.19. Its decimal value is 1025487.

Hex triplet	0fa5cf	`#0fa5cf`
RGB Decimal	15, 165, 207	`rgb(15,165,207)`
RGB Percent	5.9, 64.7, 81.2	`rgb(5.9%,64.7%,81.2%)`
CMYK	93, 20, 0, 19
HSL	193.1°, 86.5, 43.5	`hsl(193.1,86.5%,43.5%)`
HSV (or HSB)	193.1°, 92.8, 81.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.939, -20.275, -31.255
XYZ	24.912, 31.514, 63.798
xyY	0.207, 0.262, 31.514
CIE-LCH	62.939, 37.255, 237.029
CIE-LUV	62.939, -43.545, -46.389
Hunter-Lab	56.138, -19.03, -28.084
Binary	00001111, 10100101, 11001111

#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#cf390f
```
#cf390f rgb(207,57,15)
```

Complementary Color

#0fcf99
```
#0fcf99 rgb(15,207,153)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#0f45cf
```
#0f45cf rgb(15,69,207)
```

Analogous Color

#cf990f
```
#cf990f rgb(207,153,15)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#cf0f45
```
#cf0f45 rgb(207,15,69)
```

Split Complementary Color

#a5cf0f
```
#a5cf0f rgb(165,207,15)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#cf0fa5
```
#cf0fa5 rgb(207,15,165)
```

Triadic Color

#0fcf39
```
#0fcf39 rgb(15,207,57)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#cf0fa5
```
#cf0fa5 rgb(207,15,165)
```
#cf390f
```
#cf390f rgb(207,57,15)
```

Tetradic Color

#0a6c88
```
#0a6c88 rgb(10,108,136)
```
#0c7f9f
```
#0c7f9f rgb(12,127,159)
```
#0d92b7
```
#0d92b7 rgb(13,146,183)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#11b8e7
```
#11b8e7 rgb(17,184,231)
```
#22c2ef
```
#22c2ef rgb(34,194,239)
```
#3ac9f1
```
#3ac9f1 rgb(58,201,241)
```

Monochromatic Color

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

#0fcfc9
```
#0fcfc9 rgb(15,207,201)
```
#0fc5cf
```
#0fc5cf rgb(15,197,207)
```
#0fb5cf
```
#0fb5cf rgb(15,181,207)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#0f95cf
```
#0f95cf rgb(15,149,207)
```
#0f85cf
```
#0f85cf rgb(15,133,207)
```
#0f75cf
```
#0f75cf rgb(15,117,207)
```

Similar Colors

Text with hexadecimal color #0fa5cf

This text has a font color of #0fa5cf.

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

#0fa5cf background color

This paragraph has a background color of #0fa5cf.

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

#0fa5cf border color

This element has a border color of #0fa5cf.

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

CSS codes

.text {color:#0fa5cf;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#021318
```
#021318 rgb(2,19,24)
```
#03222a
```
#03222a rgb(3,34,42)
```
#04303d
```
#04303d rgb(4,48,61)
```
#063f4f
```
#063f4f rgb(6,63,79)
```
#074e61
```
#074e61 rgb(7,78,97)
```
#085c74
```
#085c74 rgb(8,92,116)
```
#0a6b86
```
#0a6b86 rgb(10,107,134)
```
#0b7998
```
#0b7998 rgb(11,121,152)
```
#0c88aa
```
#0c88aa rgb(12,136,170)
```
#0e96bd
```
#0e96bd rgb(14,150,189)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#10b4e1
```
#10b4e1 rgb(16,180,225)
```

Shade Color Variation

#17bfee
```
#17bfee rgb(23,191,238)
```
#29c4f0
```
#29c4f0 rgb(41,196,240)
```
#3cc9f1
```
#3cc9f1 rgb(60,201,241)
```
#4ecef2
```
#4ecef2 rgb(78,206,242)
```
#60d3f3
```
#60d3f3 rgb(96,211,243)
```
#72d8f5
```
#72d8f5 rgb(114,216,245)
```
#85ddf6
```
#85ddf6 rgb(133,221,246)
```
#97e2f7
```
#97e2f7 rgb(151,226,247)
```
#a9e7f9
```
#a9e7f9 rgb(169,231,249)
```
#bcecfa
```
#bcecfa rgb(188,236,250)
```
#cef1fb
```
#cef1fb rgb(206,241,251)
```
#e0f7fd
```
#e0f7fd rgb(224,247,253)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

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

#6d7071
```
#6d7071 rgb(109,112,113)
```
#64757a
```
#64757a rgb(100,117,122)
```
#5c7a82
```
#5c7a82 rgb(92,122,130)
```
#537f8b
```
#537f8b rgb(83,127,139)
```
#4b8393
```
#4b8393 rgb(75,131,147)
```
#42889c
```
#42889c rgb(66,136,156)
```
#3a8da4
```
#3a8da4 rgb(58,141,164)
```
#3192ad
```
#3192ad rgb(49,146,173)
```
#2997b5
```
#2997b5 rgb(41,151,181)
```
#209bbe
```
#209bbe rgb(32,155,190)
```
#18a0c6
```
#18a0c6 rgb(24,160,198)
```
#0fa5cf
```
#0fa5cf rgb(15,165,207)
```
#06aad8
```
#06aad8 rgb(6,170,216)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#67858d Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc8 Protanopia 1% of men
#879cd6 Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#619fca Protanomaly 1% of men, 0.01% of women
#5b9fd4 Deuteranomaly 6% of men, 0.4% of women
#05aac1 Tritanomaly 0.01% of the population

#0fa5cf hex color

#0fa5cf Color Information

#0fa5cf Color Conversion

Color Schemes with #0fa5cf

Alternatives to #0fa5cf

#0fa5cf Preview

Shades and Tints of #0fa5cf

Tones of #0fa5cf

Color Blindness Simulator