#018afa hex color

In a RGB color space, hex #018afa is composed of 0.4% red, 54.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 44.8% magenta, 0% yellow and 2% black. It has a hue angle of 207 degrees, a saturation of 99.2% and a lightness of 49.2%. #018afa color hex could be obtained by blending #02ffff with #0015f5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 54
- B 98
RGB color chart
- C 100
- M 45
- Y 0
- K 2
CMYK color chart

● #018afa color description : Vivid blue.

The hexadecimal color #018afa has RGB values of R:1, G:138, B:250 and CMYK values of C:1, M:0.45, Y:0, K:0.02. Its decimal value is 101114.

Hex triplet	018afa	`#018afa`
RGB Decimal	1, 138, 250	`rgb(1,138,250)`
RGB Percent	0.4, 54.1, 98	`rgb(0.4%,54.1%,98%)`
CMYK	100, 45, 0, 2
HSL	207°, 99.2, 49.2	`hsl(207,99.2%,49.2%)`
HSV (or HSB)	207°, 99.6, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.156, 10.706, -64.232
XYZ	26.352, 25.083, 93.89
xyY	0.181, 0.173, 25.083
CIE-LCH	57.156, 65.118, 279.463
CIE-LUV	57.156, -32.54, -102.854
Hunter-Lab	50.083, 6.277, -76.092
Binary	00000001, 10001010, 11111010

#018afa
```
#018afa rgb(1,138,250)
```
#fa7101
```
#fa7101 rgb(250,113,1)
```

Complementary Color

#01faee
```
#01faee rgb(1,250,238)
```
#018afa
```
#018afa rgb(1,138,250)
```
#010efa
```
#010efa rgb(1,14,250)
```

Analogous Color

#faee01
```
#faee01 rgb(250,238,1)
```
#018afa
```
#018afa rgb(1,138,250)
```
#fa010d
```
#fa010d rgb(250,1,13)
```

Split Complementary Color

#8afa01
```
#8afa01 rgb(138,250,1)
```
#018afa
```
#018afa rgb(1,138,250)
```
#fa018a
```
#fa018a rgb(250,1,138)
```

Triadic Color

#01fa71
```
#01fa71 rgb(1,250,113)
```
#018afa
```
#018afa rgb(1,138,250)
```
#fa018a
```
#fa018a rgb(250,1,138)
```
#fa7101
```
#fa7101 rgb(250,113,1)
```

Tetradic Color

#0160ae
```
#0160ae rgb(1,96,174)
```
#016ec7
```
#016ec7 rgb(1,110,199)
```
#017ce1
```
#017ce1 rgb(1,124,225)
```
#018afa
```
#018afa rgb(1,138,250)
```
#1696fe
```
#1696fe rgb(22,150,254)
```
#30a1fe
```
#30a1fe rgb(48,161,254)
```
#49adfe
```
#49adfe rgb(73,173,254)
```

Monochromatic Color

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

#01c8fa
```
#01c8fa rgb(1,200,250)
```
#01b4fa
```
#01b4fa rgb(1,180,250)
```
#019ffa
```
#019ffa rgb(1,159,250)
```
#018afa
```
#018afa rgb(1,138,250)
```
#0175fa
```
#0175fa rgb(1,117,250)
```
#0161fa
```
#0161fa rgb(1,97,250)
```
#014cfa
```
#014cfa rgb(1,76,250)
```

Similar Colors

Text with hexadecimal color #018afa

This text has a font color of #018afa.

<span style="color:#018afa;">Text here</span>

#018afa background color

This paragraph has a background color of #018afa.

<p style="background-color:#018afa;">Content here</p>

#018afa border color

This element has a border color of #018afa.

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

CSS codes

.text {color:#018afa;}

.background {background-color:#018afa;}

.border {border:1px solid #018afa;}

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

#000910
```
#000910 rgb(0,9,16)
```
#001323
```
#001323 rgb(0,19,35)
```
#001e37
```
#001e37 rgb(0,30,55)
```
#00294a
```
#00294a rgb(0,41,74)
```
#00345e
```
#00345e rgb(0,52,94)
```
#003f71
```
#003f71 rgb(0,63,113)
```
#014985
```
#014985 rgb(1,73,133)
```
#015498
```
#015498 rgb(1,84,152)
```
#015fac
```
#015fac rgb(1,95,172)
```
#016abf
```
#016abf rgb(1,106,191)
```
#0174d3
```
#0174d3 rgb(1,116,211)
```
#017fe6
```
#017fe6 rgb(1,127,230)
```
#018afa
```
#018afa rgb(1,138,250)
```

Shade Color Variation

#1193fe
```
#1193fe rgb(17,147,254)
```
#249cfe
```
#249cfe rgb(36,156,254)
```
#38a5fe
```
#38a5fe rgb(56,165,254)
```
#4baefe
```
#4baefe rgb(75,174,254)
```
#5fb7fe
```
#5fb7fe rgb(95,183,254)
```
#72bffe
```
#72bffe rgb(114,191,254)
```
#86c8ff
```
#86c8ff rgb(134,200,255)
```
#99d1ff
```
#99d1ff rgb(153,209,255)
```
#addaff
```
#addaff rgb(173,218,255)
```
#c0e3ff
```
#c0e3ff rgb(192,227,255)
```
#d4ecff
```
#d4ecff rgb(212,236,255)
```
#e7f4ff
```
#e7f4ff rgb(231,244,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#757e86
```
#757e86 rgb(117,126,134)
```
#6b7f90
```
#6b7f90 rgb(107,127,144)
```
#628099
```
#628099 rgb(98,128,153)
```
#5881a3
```
#5881a3 rgb(88,129,163)
```
#4e82ad
```
#4e82ad rgb(78,130,173)
```
#4583b6
```
#4583b6 rgb(69,131,182)
```
#3b84c0
```
#3b84c0 rgb(59,132,192)
```
#3185ca
```
#3185ca rgb(49,133,202)
```
#2886d3
```
#2886d3 rgb(40,134,211)
```
#1e87dd
```
#1e87dd rgb(30,135,221)
```
#1488e7
```
#1488e7 rgb(20,136,231)
```
#0b89f0
```
#0b89f0 rgb(11,137,240)
```
#018afa
```
#018afa rgb(1,138,250)
```

Tone Color Variation

Below, you can see how #018afa 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

#6e6e6e Achromatopsia 0.005% of the population
#58748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#548bf6 Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#009da6 Tritanopia 0.001% of the population

Trichromacy

#368bf7 Protanomaly 1% of men, 0.01% of women
#008ff4 Deuteranomaly 6% of men, 0.4% of women
#0096c4 Tritanomaly 0.01% of the population

#018afa hex color

#018afa Color Information

#018afa Color Conversion

Color Schemes with #018afa

Alternatives to #018afa

#018afa Preview

Shades and Tints of #018afa

Tones of #018afa

Color Blindness Simulator