#0fa2de hex color

In a RGB color space, hex #0fa2de is composed of 5.9% red, 63.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 93.2% cyan, 27% magenta, 0% yellow and 12.9% black. It has a hue angle of 197.4 degrees, a saturation of 87.3% and a lightness of 46.5%. #0fa2de color hex could be obtained by blending #1effff with #0045bd. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 64
- B 87
RGB color chart
- C 93
- M 27
- Y 0
- K 13
CMYK color chart

● #0fa2de color description : Vivid blue.

The hexadecimal color #0fa2de has RGB values of R:15, G:162, B:222 and CMYK values of C:0.93, M:0.27, Y:0, K:0.13. Its decimal value is 1024734.

Hex triplet	0fa2de	`#0fa2de`
RGB Decimal	15, 162, 222	`rgb(15,162,222)`
RGB Percent	5.9, 63.5, 87.1	`rgb(5.9%,63.5%,87.1%)`
CMYK	93, 27, 0, 13
HSL	197.4°, 87.3, 46.5	`hsl(197.4,87.3%,46.5%)`
HSV (or HSB)	197.4°, 93.2, 87.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.688, -13.357, -39.968
XYZ	26.299, 31.214, 73.742
xyY	0.2, 0.238, 31.214
CIE-LCH	62.688, 42.141, 251.521
CIE-LUV	62.688, -41.451, -61.803
Hunter-Lab	55.869, -13.747, -39.149
Binary	00001111, 10100010, 11011110

#0fa2de
```
#0fa2de rgb(15,162,222)
```
#de4b0f
```
#de4b0f rgb(222,75,15)
```

Complementary Color

#0fdeb3
```
#0fdeb3 rgb(15,222,179)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#0f3ade
```
#0f3ade rgb(15,58,222)
```

Analogous Color

#deb30f
```
#deb30f rgb(222,179,15)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#de0f3a
```
#de0f3a rgb(222,15,58)
```

Split Complementary Color

#a2de0f
```
#a2de0f rgb(162,222,15)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#de0fa2
```
#de0fa2 rgb(222,15,162)
```

Triadic Color

#0fde4b
```
#0fde4b rgb(15,222,75)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#de0fa2
```
#de0fa2 rgb(222,15,162)
```
#de4b0f
```
#de4b0f rgb(222,75,15)
```

Tetradic Color

#0a6e96
```
#0a6e96 rgb(10,110,150)
```
#0c7fae
```
#0c7fae rgb(12,127,174)
```
#0d91c6
```
#0d91c6 rgb(13,145,198)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#17b1ef
```
#17b1ef rgb(23,177,239)
```
#2fb9f1
```
#2fb9f1 rgb(47,185,241)
```
#47c1f3
```
#47c1f3 rgb(71,193,243)
```

Monochromatic Color

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

#0fd6de
```
#0fd6de rgb(15,214,222)
```
#0fc5de
```
#0fc5de rgb(15,197,222)
```
#0fb3de
```
#0fb3de rgb(15,179,222)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#0f91de
```
#0f91de rgb(15,145,222)
```
#0f80de
```
#0f80de rgb(15,128,222)
```
#0f6ede
```
#0f6ede rgb(15,110,222)
```

Similar Colors

Text with hexadecimal color #0fa2de

This text has a font color of #0fa2de.

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

#0fa2de background color

This paragraph has a background color of #0fa2de.

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

#0fa2de border color

This element has a border color of #0fa2de.

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

CSS codes

.text {color:#0fa2de;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#031c26
```
#031c26 rgb(3,28,38)
```
#042939
```
#042939 rgb(4,41,57)
```
#05374b
```
#05374b rgb(5,55,75)
```
#06445d
```
#06445d rgb(6,68,93)
```
#085270
```
#085270 rgb(8,82,112)
```
#095f82
```
#095f82 rgb(9,95,130)
```
#0a6c95
```
#0a6c95 rgb(10,108,149)
```
#0b7aa7
```
#0b7aa7 rgb(11,122,167)
```
#0d87b9
```
#0d87b9 rgb(13,135,185)
```
#0e95cc
```
#0e95cc rgb(14,149,204)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```

Shade Color Variation

#12afef
```
#12afef rgb(18,175,239)
```
#24b5f0
```
#24b5f0 rgb(36,181,240)
```
#36bbf1
```
#36bbf1 rgb(54,187,241)
```
#49c1f3
```
#49c1f3 rgb(73,193,243)
```
#5bc8f4
```
#5bc8f4 rgb(91,200,244)
```
#6ecef5
```
#6ecef5 rgb(110,206,245)
```
#80d4f6
```
#80d4f6 rgb(128,212,246)
```
#92daf8
```
#92daf8 rgb(146,218,248)
```
#a5e0f9
```
#a5e0f9 rgb(165,224,249)
```
#b7e7fa
```
#b7e7fa rgb(183,231,250)
```
#c9edfb
```
#c9edfb rgb(201,237,251)
```
#dcf3fd
```
#dcf3fd rgb(220,243,253)
```
#eef9fe
```
#eef9fe rgb(238,249,254)
```

Tint Color Variation

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

#73787a
```
#73787a rgb(115,120,122)
```
#6a7c83
```
#6a7c83 rgb(106,124,131)
```
#61808c
```
#61808c rgb(97,128,140)
```
#588395
```
#588395 rgb(88,131,149)
```
#4f879e
```
#4f879e rgb(79,135,158)
```
#468ba7
```
#468ba7 rgb(70,139,167)
```
#3d8fb0
```
#3d8fb0 rgb(61,143,176)
```
#3393ba
```
#3393ba rgb(51,147,186)
```
#2a97c3
```
#2a97c3 rgb(42,151,195)
```
#219acc
```
#219acc rgb(33,154,204)
```
#189ed5
```
#189ed5 rgb(24,158,213)
```
#0fa2de
```
#0fa2de rgb(15,162,222)
```
#06a6e7
```
#06a6e7 rgb(6,166,231)
```

Tone Color Variation

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

Dichromacy

#889ad7 Protanopia 1% of men
#789ce4 Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#5c9dd9 Protanomaly 1% of men, 0.01% of women
#529ee1 Deuteranomaly 6% of men, 0.4% of women
#05a8c5 Tritanomaly 0.01% of the population

#0fa2de hex color

#0fa2de Color Information

#0fa2de Color Conversion

Color Schemes with #0fa2de

Alternatives to #0fa2de

#0fa2de Preview

Shades and Tints of #0fa2de

Tones of #0fa2de

Color Blindness Simulator