#018cfd hex color

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

♥
- f
- t
- g
- R 0
- G 55
- B 99
RGB color chart
- C 100
- M 45
- Y 0
- K 1
CMYK color chart

● #018cfd color description : Vivid blue.

The hexadecimal color #018cfd has RGB values of R:1, G:140, B:253 and CMYK values of C:1, M:0.45, Y:0, K:0.01. Its decimal value is 101629.

Hex triplet	018cfd	`#018cfd`
RGB Decimal	1, 140, 253	`rgb(1,140,253)`
RGB Percent	0.4, 54.9, 99.2	`rgb(0.4%,54.9%,99.2%)`
CMYK	100, 45, 0, 1
HSL	206.9°, 99.2, 49.8	`hsl(206.9,99.2%,49.8%)`
HSV (or HSB)	206.9°, 99.6, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.896, 10.636, -64.693
XYZ	27.116, 25.852, 96.484
xyY	0.181, 0.173, 25.852
CIE-LCH	57.896, 65.562, 279.336
CIE-LUV	57.896, -33.001, -103.87
Hunter-Lab	50.845, 6.218, -76.918
Binary	00000001, 10001100, 11111101

#018cfd
```
#018cfd rgb(1,140,253)
```
#fd7201
```
#fd7201 rgb(253,114,1)
```

Complementary Color

#01fdf0
```
#01fdf0 rgb(1,253,240)
```
#018cfd
```
#018cfd rgb(1,140,253)
```
#010efd
```
#010efd rgb(1,14,253)
```

Analogous Color

#fdf001
```
#fdf001 rgb(253,240,1)
```
#018cfd
```
#018cfd rgb(1,140,253)
```
#fd010e
```
#fd010e rgb(253,1,14)
```

Split Complementary Color

#8cfd01
```
#8cfd01 rgb(140,253,1)
```
#018cfd
```
#018cfd rgb(1,140,253)
```
#fd018c
```
#fd018c rgb(253,1,140)
```

Triadic Color

#01fd72
```
#01fd72 rgb(1,253,114)
```
#018cfd
```
#018cfd rgb(1,140,253)
```
#fd018c
```
#fd018c rgb(253,1,140)
```
#fd7201
```
#fd7201 rgb(253,114,1)
```

Tetradic Color

#0162b1
```
#0162b1 rgb(1,98,177)
```
#0170ca
```
#0170ca rgb(1,112,202)
```
#017ee4
```
#017ee4 rgb(1,126,228)
```
#018cfd
```
#018cfd rgb(1,140,253)
```
#1998fe
```
#1998fe rgb(25,152,254)
```
#33a3fe
```
#33a3fe rgb(51,163,254)
```
#4caefe
```
#4caefe rgb(76,174,254)
```

Monochromatic Color

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

#01cbfd
```
#01cbfd rgb(1,203,253)
```
#01b6fd
```
#01b6fd rgb(1,182,253)
```
#01a1fd
```
#01a1fd rgb(1,161,253)
```
#018cfd
```
#018cfd rgb(1,140,253)
```
#0177fd
```
#0177fd rgb(1,119,253)
```
#0162fd
```
#0162fd rgb(1,98,253)
```
#014dfd
```
#014dfd rgb(1,77,253)
```

Similar Colors

Text with hexadecimal color #018cfd

This text has a font color of #018cfd.

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

#018cfd background color

This paragraph has a background color of #018cfd.

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

#018cfd border color

This element has a border color of #018cfd.

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

CSS codes

.text {color:#018cfd;}

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

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

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, #000a13 is the darkest color, while #feffff is the lightest one.

#000a13
```
#000a13 rgb(0,10,19)
```
#001526
```
#001526 rgb(0,21,38)
```
#00203a
```
#00203a rgb(0,32,58)
```
#002b4d
```
#002b4d rgb(0,43,77)
```
#003661
```
#003661 rgb(0,54,97)
```
#004074
```
#004074 rgb(0,64,116)
```
#014b88
```
#014b88 rgb(1,75,136)
```
#01569b
```
#01569b rgb(1,86,155)
```
#0161af
```
#0161af rgb(1,97,175)
```
#016cc2
```
#016cc2 rgb(1,108,194)
```
#0176d6
```
#0176d6 rgb(1,118,214)
```
#0181e9
```
#0181e9 rgb(1,129,233)
```
#018cfd
```
#018cfd rgb(1,140,253)
```

Shade Color Variation

#1495fe
```
#1495fe rgb(20,149,254)
```
#279efe
```
#279efe rgb(39,158,254)
```
#3ba7fe
```
#3ba7fe rgb(59,167,254)
```
#4eaffe
```
#4eaffe rgb(78,175,254)
```
#62b8fe
```
#62b8fe rgb(98,184,254)
```
#75c1fe
```
#75c1fe rgb(117,193,254)
```
#89caff
```
#89caff rgb(137,202,255)
```
#9cd3ff
```
#9cd3ff rgb(156,211,255)
```
#b0dbff
```
#b0dbff rgb(176,219,255)
```
#c3e4ff
```
#c3e4ff rgb(195,228,255)
```
#d7edff
```
#d7edff rgb(215,237,255)
```
#eaf6ff
```
#eaf6ff rgb(234,246,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768088
```
#768088 rgb(118,128,136)
```
#6c8192
```
#6c8192 rgb(108,129,146)
```
#63829b
```
#63829b rgb(99,130,155)
```
#5983a5
```
#5983a5 rgb(89,131,165)
```
#4f84af
```
#4f84af rgb(79,132,175)
```
#4585b9
```
#4585b9 rgb(69,133,185)
```
#3c86c2
```
#3c86c2 rgb(60,134,194)
```
#3287cc
```
#3287cc rgb(50,135,204)
```
#2888d6
```
#2888d6 rgb(40,136,214)
```
#1e89e0
```
#1e89e0 rgb(30,137,224)
```
#158ae9
```
#158ae9 rgb(21,138,233)
```
#0b8bf3
```
#0b8bf3 rgb(11,139,243)
```
#018cfd
```
#018cfd rgb(1,140,253)
```

Tone Color Variation

Below, you can see how #018cfd 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
#59758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#568df9 Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009fa8 Tritanopia 0.001% of the population

Trichromacy

#378dfa Protanomaly 1% of men, 0.01% of women
#0090f7 Deuteranomaly 6% of men, 0.4% of women
#0098c7 Tritanomaly 0.01% of the population

#018cfd hex color

#018cfd Color Information

#018cfd Color Conversion

Color Schemes with #018cfd

Alternatives to #018cfd

#018cfd Preview

Shades and Tints of #018cfd

Tones of #018cfd

Color Blindness Simulator