#0fade2 hex color

In a RGB color space, hex #0fade2 is composed of 5.9% red, 67.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 23.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 195.1 degrees, a saturation of 87.6% and a lightness of 47.3%. #0fade2 color hex could be obtained by blending #1effff with #005bc5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 68
- B 89
RGB color chart
- C 93
- M 23
- Y 0
- K 11
CMYK color chart

● #0fade2 color description : Vivid blue.

The hexadecimal color #0fade2 has RGB values of R:15, G:173, B:226 and CMYK values of C:0.93, M:0.23, Y:0, K:0.11. Its decimal value is 1027554.

Hex triplet	0fade2	`#0fade2`
RGB Decimal	15, 173, 226	`rgb(15,173,226)`
RGB Percent	5.9, 67.8, 88.6	`rgb(5.9%,67.8%,88.6%)`
CMYK	93, 23, 0, 11
HSL	195.1°, 87.6, 47.3	`hsl(195.1,87.6%,47.3%)`
HSV (or HSB)	195.1°, 93.4, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.118, -17.876, -36.814
XYZ	28.864, 35.477, 77.274
xyY	0.204, 0.251, 35.477
CIE-LCH	66.118, 40.924, 244.099
CIE-LUV	66.118, -44.88, -56.4
Hunter-Lab	59.562, -17.732, -35.227
Binary	00001111, 10101101, 11100010

#0fade2
```
#0fade2 rgb(15,173,226)
```
#e2440f
```
#e2440f rgb(226,68,15)
```

Complementary Color

#0fe2ae
```
#0fe2ae rgb(15,226,174)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#0f44e2
```
#0f44e2 rgb(15,68,226)
```

Analogous Color

#e2ae0f
```
#e2ae0f rgb(226,174,15)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#e20f44
```
#e20f44 rgb(226,15,68)
```

Split Complementary Color

#ade20f
```
#ade20f rgb(173,226,15)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#e20fad
```
#e20fad rgb(226,15,173)
```

Triadic Color

#0fe244
```
#0fe244 rgb(15,226,68)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#e20fad
```
#e20fad rgb(226,15,173)
```
#e2440f
```
#e2440f rgb(226,68,15)
```

Tetradic Color

#0a769a
```
#0a769a rgb(10,118,154)
```
#0c88b2
```
#0c88b2 rgb(12,136,178)
```
#0d9bca
```
#0d9bca rgb(13,155,202)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#1bbaf0
```
#1bbaf0 rgb(27,186,240)
```
#33c1f1
```
#33c1f1 rgb(51,193,241)
```
#4ac9f3
```
#4ac9f3 rgb(74,201,243)
```

Monochromatic Color

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

#0fe2e2
```
#0fe2e2 rgb(15,226,226)
```
#0fd0e2
```
#0fd0e2 rgb(15,208,226)
```
#0fbfe2
```
#0fbfe2 rgb(15,191,226)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#0f9be2
```
#0f9be2 rgb(15,155,226)
```
#0f8ae2
```
#0f8ae2 rgb(15,138,226)
```
#0f78e2
```
#0f78e2 rgb(15,120,226)
```

Similar Colors

Text with hexadecimal color #0fade2

This text has a font color of #0fade2.

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

#0fade2 background color

This paragraph has a background color of #0fade2.

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

#0fade2 border color

This element has a border color of #0fade2.

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

CSS codes

.text {color:#0fade2;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021218
```
#021218 rgb(2,18,24)
```
#03202a
```
#03202a rgb(3,32,42)
```
#042e3c
```
#042e3c rgb(4,46,60)
```
#053c4f
```
#053c4f rgb(5,60,79)
```
#064a61
```
#064a61 rgb(6,74,97)
```
#085974
```
#085974 rgb(8,89,116)
```
#096786
```
#096786 rgb(9,103,134)
```
#0a7598
```
#0a7598 rgb(10,117,152)
```
#0b83ab
```
#0b83ab rgb(11,131,171)
```
#0d91bd
```
#0d91bd rgb(13,145,189)
```
#0e9fd0
```
#0e9fd0 rgb(14,159,208)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```

Shade Color Variation

#15b9ef
```
#15b9ef rgb(21,185,239)
```
#28bef1
```
#28bef1 rgb(40,190,241)
```
#3ac4f2
```
#3ac4f2 rgb(58,196,242)
```
#4cc9f3
```
#4cc9f3 rgb(76,201,243)
```
#5fcff4
```
#5fcff4 rgb(95,207,244)
```
#71d4f6
```
#71d4f6 rgb(113,212,246)
```
#84daf7
```
#84daf7 rgb(132,218,247)
```
#96dff8
```
#96dff8 rgb(150,223,248)
```
#a8e5f9
```
#a8e5f9 rgb(168,229,249)
```
#bbeafa
```
#bbeafa rgb(187,234,250)
```
#cdf0fc
```
#cdf0fc rgb(205,240,252)
```
#dff6fd
```
#dff6fd rgb(223,246,253)
```
#f2fbfe
```
#f2fbfe rgb(242,251,254)
```

Tint Color Variation

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

#757a7c
```
#757a7c rgb(117,122,124)
```
#6c7f85
```
#6c7f85 rgb(108,127,133)
```
#62838f
```
#62838f rgb(98,131,143)
```
#598898
```
#598898 rgb(89,136,152)
```
#508da1
```
#508da1 rgb(80,141,161)
```
#4791aa
```
#4791aa rgb(71,145,170)
```
#3d96b4
```
#3d96b4 rgb(61,150,180)
```
#349bbd
```
#349bbd rgb(52,155,189)
```
#2b9fc6
```
#2b9fc6 rgb(43,159,198)
```
#22a4cf
```
#22a4cf rgb(34,164,207)
```
#18a8d9
```
#18a8d9 rgb(24,168,217)
```
#0fade2
```
#0fade2 rgb(15,173,226)
```
#06b2eb
```
#06b2eb rgb(6,178,235)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6d8c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a3da Protanopia 1% of men
#88a4e8 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#64a7dc Protanomaly 1% of men, 0.01% of women
#5ca7e6 Deuteranomaly 6% of men, 0.4% of women
#05b2cd Tritanomaly 0.01% of the population

#0fade2 hex color

#0fade2 Color Information

#0fade2 Color Conversion

Color Schemes with #0fade2

Alternatives to #0fade2

#0fade2 Preview

Shades and Tints of #0fade2

Tones of #0fade2

Color Blindness Simulator