#0fa2d8 hex color

In a RGB color space, hex #0fa2d8 is composed of 5.9% red, 63.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 25% magenta, 0% yellow and 15.3% black. It has a hue angle of 196.1 degrees, a saturation of 87% and a lightness of 45.3%. #0fa2d8 color hex could be obtained by blending #1effff with #0045b1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 64
- B 85
RGB color chart
- C 93
- M 25
- Y 0
- K 15
CMYK color chart

● #0fa2d8 color description : Strong blue.

The hexadecimal color #0fa2d8 has RGB values of R:15, G:162, B:216 and CMYK values of C:0.93, M:0.25, Y:0, K:0.15. Its decimal value is 1024728.

Hex triplet	0fa2d8	`#0fa2d8`
RGB Decimal	15, 162, 216	`rgb(15,162,216)`
RGB Percent	5.9, 63.5, 84.7	`rgb(5.9%,63.5%,84.7%)`
CMYK	93, 25, 0, 15
HSL	196.1°, 87, 45.3	`hsl(196.1,87%,45.3%)`
HSV (or HSB)	196.1°, 93.1, 84.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.421, -15.504, -37.06
XYZ	25.509, 30.898, 69.581
xyY	0.202, 0.245, 30.898
CIE-LCH	62.421, 40.173, 247.298
CIE-LUV	62.421, -41.871, -56.626
Hunter-Lab	55.586, -15.359, -35.309
Binary	00001111, 10100010, 11011000

#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#d8450f
```
#d8450f rgb(216,69,15)
```

Complementary Color

#0fd8aa
```
#0fd8aa rgb(15,216,170)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#0f3ed8
```
#0f3ed8 rgb(15,62,216)
```

Analogous Color

#d8aa0f
```
#d8aa0f rgb(216,170,15)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#d80f3e
```
#d80f3e rgb(216,15,62)
```

Split Complementary Color

#a2d80f
```
#a2d80f rgb(162,216,15)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#d80fa2
```
#d80fa2 rgb(216,15,162)
```

Triadic Color

#0fd845
```
#0fd845 rgb(15,216,69)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#d80fa2
```
#d80fa2 rgb(216,15,162)
```
#d8450f
```
#d8450f rgb(216,69,15)
```

Tetradic Color

#0a6c90
```
#0a6c90 rgb(10,108,144)
```
#0c7ea8
```
#0c7ea8 rgb(12,126,168)
```
#0d90c0
```
#0d90c0 rgb(13,144,192)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#12b3ef
```
#12b3ef rgb(18,179,239)
```
#2abbf0
```
#2abbf0 rgb(42,187,240)
```
#42c3f2
```
#42c3f2 rgb(66,195,242)
```

Monochromatic Color

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

#0fd4d8
```
#0fd4d8 rgb(15,212,216)
```
#0fc4d8
```
#0fc4d8 rgb(15,196,216)
```
#0fb3d8
```
#0fb3d8 rgb(15,179,216)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#0f91d8
```
#0f91d8 rgb(15,145,216)
```
#0f81d8
```
#0f81d8 rgb(15,129,216)
```
#0f70d8
```
#0f70d8 rgb(15,112,216)
```

Similar Colors

Text with hexadecimal color #0fa2d8

This text has a font color of #0fa2d8.

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

#0fa2d8 background color

This paragraph has a background color of #0fa2d8.

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

#0fa2d8 border color

This element has a border color of #0fa2d8.

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

CSS codes

.text {color:#0fa2d8;}

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

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

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

#010b0e
```
#010b0e rgb(1,11,14)
```
#021821
```
#021821 rgb(2,24,33)
```
#042633
```
#042633 rgb(4,38,51)
```
#053445
```
#053445 rgb(5,52,69)
```
#064258
```
#064258 rgb(6,66,88)
```
#074f6a
```
#074f6a rgb(7,79,106)
```
#095d7c
```
#095d7c rgb(9,93,124)
```
#0a6b8f
```
#0a6b8f rgb(10,107,143)
```
#0b79a1
```
#0b79a1 rgb(11,121,161)
```
#0c86b3
```
#0c86b3 rgb(12,134,179)
```
#0e94c6
```
#0e94c6 rgb(14,148,198)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#10b0ea
```
#10b0ea rgb(16,176,234)
```

Shade Color Variation

#1fb7ef
```
#1fb7ef rgb(31,183,239)
```
#31bdf1
```
#31bdf1 rgb(49,189,241)
```
#43c3f2
```
#43c3f2 rgb(67,195,242)
```
#56c9f3
```
#56c9f3 rgb(86,201,243)
```
#68cff5
```
#68cff5 rgb(104,207,245)
```
#7bd5f6
```
#7bd5f6 rgb(123,213,246)
```
#8ddbf7
```
#8ddbf7 rgb(141,219,247)
```
#9fe0f8
```
#9fe0f8 rgb(159,224,248)
```
#b2e6fa
```
#b2e6fa rgb(178,230,250)
```
#c4ecfb
```
#c4ecfb rgb(196,236,251)
```
#d6f2fc
```
#d6f2fc rgb(214,242,252)
```
#e9f8fd
```
#e9f8fd rgb(233,248,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#717576
```
#717576 rgb(113,117,118)
```
#68797f
```
#68797f rgb(104,121,127)
```
#5f7d88
```
#5f7d88 rgb(95,125,136)
```
#568191
```
#568191 rgb(86,129,145)
```
#4d859a
```
#4d859a rgb(77,133,154)
```
#4489a3
```
#4489a3 rgb(68,137,163)
```
#3b8dac
```
#3b8dac rgb(59,141,172)
```
#3392b4
```
#3392b4 rgb(51,146,180)
```
#2a96bd
```
#2a96bd rgb(42,150,189)
```
#219ac6
```
#219ac6 rgb(33,154,198)
```
#189ecf
```
#189ecf rgb(24,158,207)
```
#0fa2d8
```
#0fa2d8 rgb(15,162,216)
```
#06a6e1
```
#06a6e1 rgb(6,166,225)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#66848e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9ad1 Protanopia 1% of men
#7d9bde Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#5d9dd3 Protanomaly 1% of men, 0.01% of women
#559ddc Deuteranomaly 6% of men, 0.4% of women
#05a8c3 Tritanomaly 0.01% of the population

#0fa2d8 hex color

#0fa2d8 Color Information

#0fa2d8 Color Conversion

Color Schemes with #0fa2d8

Alternatives to #0fa2d8

#0fa2d8 Preview

Shades and Tints of #0fa2d8

Tones of #0fa2d8

Color Blindness Simulator