#018cf7 hex color

In a RGB color space, hex #018cf7 is composed of 0.4% red, 54.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 43.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 206.1 degrees, a saturation of 99.2% and a lightness of 48.6%. #018cf7 color hex could be obtained by blending #02ffff with #0019ef. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 55
- B 97
RGB color chart
- C 100
- M 43
- Y 0
- K 3
CMYK color chart

● #018cf7 color description : Vivid blue.

The hexadecimal color #018cf7 has RGB values of R:1, G:140, B:247 and CMYK values of C:1, M:0.43, Y:0, K:0.03. Its decimal value is 101623.

Hex triplet	018cf7	`#018cf7`
RGB Decimal	1, 140, 247	`rgb(1,140,247)`
RGB Percent	0.4, 54.9, 96.9	`rgb(0.4%,54.9%,96.9%)`
CMYK	100, 43, 0, 3
HSL	206.1°, 99.2, 48.6	`hsl(206.1,99.2%,48.6%)`
HSV (or HSB)	206.1°, 99.6, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.536, 8.337, -61.967
XYZ	26.175, 25.476, 91.528
xyY	0.183, 0.178, 25.476
CIE-LCH	57.536, 62.526, 277.663
CIE-LUV	57.536, -33.3, -99.172
Hunter-Lab	50.473, 4.241, -72.185
Binary	00000001, 10001100, 11110111

#018cf7
```
#018cf7 rgb(1,140,247)
```
#f76c01
```
#f76c01 rgb(247,108,1)
```

Complementary Color

#01f7e7
```
#01f7e7 rgb(1,247,231)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```
#0111f7
```
#0111f7 rgb(1,17,247)
```

Analogous Color

#f7e701
```
#f7e701 rgb(247,231,1)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```
#f70111
```
#f70111 rgb(247,1,17)
```

Split Complementary Color

#8cf701
```
#8cf701 rgb(140,247,1)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```
#f7018c
```
#f7018c rgb(247,1,140)
```

Triadic Color

#01f76c
```
#01f76c rgb(1,247,108)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```
#f7018c
```
#f7018c rgb(247,1,140)
```
#f76c01
```
#f76c01 rgb(247,108,1)
```

Tetradic Color

#0161ab
```
#0161ab rgb(1,97,171)
```
#016fc4
```
#016fc4 rgb(1,111,196)
```
#017ede
```
#017ede rgb(1,126,222)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```
#1398fe
```
#1398fe rgb(19,152,254)
```
#2da3fe
```
#2da3fe rgb(45,163,254)
```
#46aefe
```
#46aefe rgb(70,174,254)
```

Monochromatic Color

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

#01caf7
```
#01caf7 rgb(1,202,247)
```
#01b5f7
```
#01b5f7 rgb(1,181,247)
```
#01a1f7
```
#01a1f7 rgb(1,161,247)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```
#0178f7
```
#0178f7 rgb(1,120,247)
```
#0163f7
```
#0163f7 rgb(1,99,247)
```
#014ff7
```
#014ff7 rgb(1,79,247)
```

Similar Colors

Text with hexadecimal color #018cf7

This text has a font color of #018cf7.

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

#018cf7 background color

This paragraph has a background color of #018cf7.

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

#018cf7 border color

This element has a border color of #018cf7.

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

CSS codes

.text {color:#018cf7;}

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

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

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, #00070d is the darkest color, while #f8fcff is the lightest one.

#00070d
```
#00070d rgb(0,7,13)
```
#001220
```
#001220 rgb(0,18,32)
```
#001d34
```
#001d34 rgb(0,29,52)
```
#002847
```
#002847 rgb(0,40,71)
```
#00335b
```
#00335b rgb(0,51,91)
```
#003e6e
```
#003e6e rgb(0,62,110)
```
#014a82
```
#014a82 rgb(1,74,130)
```
#015595
```
#015595 rgb(1,85,149)
```
#0160a9
```
#0160a9 rgb(1,96,169)
```
#016bbc
```
#016bbc rgb(1,107,188)
```
#0176d0
```
#0176d0 rgb(1,118,208)
```
#0181e3
```
#0181e3 rgb(1,129,227)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```

Shade Color Variation

#0e95fe
```
#0e95fe rgb(14,149,254)
```
#219efe
```
#219efe rgb(33,158,254)
```
#35a7fe
```
#35a7fe rgb(53,167,254)
```
#48affe
```
#48affe rgb(72,175,254)
```
#5cb8fe
```
#5cb8fe rgb(92,184,254)
```
#6fc0fe
```
#6fc0fe rgb(111,192,254)
```
#83c9fe
```
#83c9fe rgb(131,201,254)
```
#96d1ff
```
#96d1ff rgb(150,209,255)
```
#aadaff
```
#aadaff rgb(170,218,255)
```
#bde2ff
```
#bde2ff rgb(189,226,255)
```
#d1ebff
```
#d1ebff rgb(209,235,255)
```
#e4f3ff
```
#e4f3ff rgb(228,243,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#737d85
```
#737d85 rgb(115,125,133)
```
#6a7e8e
```
#6a7e8e rgb(106,126,142)
```
#608098
```
#608098 rgb(96,128,152)
```
#5781a1
```
#5781a1 rgb(87,129,161)
```
#4d82ab
```
#4d82ab rgb(77,130,171)
```
#4483b4
```
#4483b4 rgb(68,131,180)
```
#3a85be
```
#3a85be rgb(58,133,190)
```
#3186c7
```
#3186c7 rgb(49,134,199)
```
#2787d1
```
#2787d1 rgb(39,135,209)
```
#1e88da
```
#1e88da rgb(30,136,218)
```
#148ae4
```
#148ae4 rgb(20,138,228)
```
#0b8bed
```
#0b8bed rgb(11,139,237)
```
#018cf7
```
#018cf7 rgb(1,140,247)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#59758a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8cf3 Protanopia 1% of men
#0092f4 Deuteranopia 1% of men
#009ea7 Tritanopia 0.001% of the population

Trichromacy

#3a8cf4 Protanomaly 1% of men, 0.01% of women
#0090f5 Deuteranomaly 6% of men, 0.4% of women
#0097c4 Tritanomaly 0.01% of the population

#018cf7 hex color

#018cf7 Color Information

#018cf7 Color Conversion

Color Schemes with #018cf7

Alternatives to #018cf7

#018cf7 Preview

Shades and Tints of #018cf7

Tones of #018cf7

Color Blindness Simulator