#0fa2bd hex color

In a RGB color space, hex #0fa2bd is composed of 5.9% red, 63.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 14.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 189.3 degrees, a saturation of 85.3% and a lightness of 40%. #0fa2bd color hex could be obtained by blending #1effff with #00457b. Closest websafe color is: #0099cc.

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

● #0fa2bd color description : Strong cyan.

The hexadecimal color #0fa2bd has RGB values of R:15, G:162, B:189 and CMYK values of C:0.92, M:0.14, Y:0, K:0.26. Its decimal value is 1024701.

Hex triplet	0fa2bd	`#0fa2bd`
RGB Decimal	15, 162, 189	`rgb(15,162,189)`
RGB Percent	5.9, 63.5, 74.1	`rgb(5.9%,63.5%,74.1%)`
CMYK	92, 14, 0, 26
HSL	189.3°, 85.3, 40	`hsl(189.3,85.3%,40%)`
HSV (or HSB)	189.3°, 92.1, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.32, -24.891, -23.701
XYZ	22.3, 29.614, 52.682
xyY	0.213, 0.283, 29.614
CIE-LCH	61.32, 34.37, 223.598
CIE-LUV	61.32, -43.858, -33.155
Hunter-Lab	54.419, -22.086, -19.305
Binary	00001111, 10100010, 10111101

#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#bd2a0f
```
#bd2a0f rgb(189,42,15)
```

Complementary Color

#0fbd81
```
#0fbd81 rgb(15,189,129)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#0f4bbd
```
#0f4bbd rgb(15,75,189)
```

Analogous Color

#bd810f
```
#bd810f rgb(189,129,15)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#bd0f4b
```
#bd0f4b rgb(189,15,75)
```

Split Complementary Color

#a2bd0f
```
#a2bd0f rgb(162,189,15)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#bd0fa2
```
#bd0fa2 rgb(189,15,162)
```

Triadic Color

#0fbd2a
```
#0fbd2a rgb(15,189,42)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#bd0fa2
```
#bd0fa2 rgb(189,15,162)
```
#bd2a0f
```
#bd2a0f rgb(189,42,15)
```

Tetradic Color

#096576
```
#096576 rgb(9,101,118)
```
#0b7a8e
```
#0b7a8e rgb(11,122,142)
```
#0d8ea5
```
#0d8ea5 rgb(13,142,165)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#11b6d5
```
#11b6d5 rgb(17,182,213)
```
#13cbec
```
#13cbec rgb(19,203,236)
```
#2ad0ee
```
#2ad0ee rgb(42,208,238)
```

Monochromatic Color

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

#0fbdad
```
#0fbdad rgb(15,189,173)
```
#0fbdbb
```
#0fbdbb rgb(15,189,187)
```
#0fb1bd
```
#0fb1bd rgb(15,177,189)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#0f94bd
```
#0f94bd rgb(15,148,189)
```
#0f85bd
```
#0f85bd rgb(15,133,189)
```
#0f77bd
```
#0f77bd rgb(15,119,189)
```

Similar Colors

Text with hexadecimal color #0fa2bd

This text has a font color of #0fa2bd.

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

#0fa2bd background color

This paragraph has a background color of #0fa2bd.

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

#0fa2bd border color

This element has a border color of #0fa2bd.

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

CSS codes

.text {color:#0fa2bd;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#021619
```
#021619 rgb(2,22,25)
```
#03252c
```
#03252c rgb(3,37,44)
```
#05353e
```
#05353e rgb(5,53,62)
```
#064550
```
#064550 rgb(6,69,80)
```
#085462
```
#085462 rgb(8,84,98)
```
#096474
```
#096474 rgb(9,100,116)
```
#0b7386
```
#0b7386 rgb(11,115,134)
```
#0c8399
```
#0c8399 rgb(12,131,153)
```
#0e92ab
```
#0e92ab rgb(14,146,171)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#10b2cf
```
#10b2cf rgb(16,178,207)
```
#12c1e1
```
#12c1e1 rgb(18,193,225)
```

Shade Color Variation

#1acced
```
#1acced rgb(26,204,237)
```
#2cd0ee
```
#2cd0ee rgb(44,208,238)
```
#3ed4f0
```
#3ed4f0 rgb(62,212,240)
```
#51d8f1
```
#51d8f1 rgb(81,216,241)
```
#63dcf3
```
#63dcf3 rgb(99,220,243)
```
#75e0f4
```
#75e0f4 rgb(117,224,244)
```
#87e4f5
```
#87e4f5 rgb(135,228,245)
```
#99e8f7
```
#99e8f7 rgb(153,232,247)
```
#abecf8
```
#abecf8 rgb(171,236,248)
```
#bef0fa
```
#bef0fa rgb(190,240,250)
```
#d0f5fb
```
#d0f5fb rgb(208,245,251)
```
#e2f9fd
```
#e2f9fd rgb(226,249,253)
```
#f4fdfe
```
#f4fdfe rgb(244,253,254)
```

Tint Color Variation

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

#656667
```
#656667 rgb(101,102,103)
```
#5d6c6f
```
#5d6c6f rgb(93,108,111)
```
#567176
```
#567176 rgb(86,113,118)
```
#4e777e
```
#4e777e rgb(78,119,126)
```
#467c86
```
#467c86 rgb(70,124,134)
```
#3e828e
```
#3e828e rgb(62,130,142)
```
#368796
```
#368796 rgb(54,135,150)
```
#2e8c9e
```
#2e8c9e rgb(46,140,158)
```
#2792a5
```
#2792a5 rgb(39,146,165)
```
#1f97ad
```
#1f97ad rgb(31,151,173)
```
#179db5
```
#179db5 rgb(23,157,181)
```
#0fa2bd
```
#0fa2bd rgb(15,162,189)
```
#07a7c5
```
#07a7c5 rgb(7,167,197)
```

Tone Color Variation

Below, you can see how #0fa2bd 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
#648187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9298b7 Protanopia 1% of men
#8d97c6 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#629bb9 Protanomaly 1% of men, 0.01% of women
#5f9bc3 Deuteranomaly 6% of men, 0.4% of women
#05a6b7 Tritanomaly 0.01% of the population

#0fa2bd hex color

#0fa2bd Color Information

#0fa2bd Color Conversion

Color Schemes with #0fa2bd

Alternatives to #0fa2bd

#0fa2bd Preview

Shades and Tints of #0fa2bd

Tones of #0fa2bd

Color Blindness Simulator