#018bec hex color

In a RGB color space, hex #018bec is composed of 0.4% red, 54.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 41.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.8 degrees, a saturation of 99.2% and a lightness of 46.5%. #018bec color hex could be obtained by blending #02ffff with #0017d9. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 55
- B 93
RGB color chart
- C 100
- M 41
- Y 0
- K 7
CMYK color chart

● #018bec color description : Vivid blue.

The hexadecimal color #018bec has RGB values of R:1, G:139, B:236 and CMYK values of C:1, M:0.41, Y:0, K:0.07. Its decimal value is 101356.

Hex triplet	018bec	`#018bec`
RGB Decimal	1, 139, 236	`rgb(1,139,236)`
RGB Percent	0.4, 54.5, 92.5	`rgb(0.4%,54.5%,92.5%)`
CMYK	100, 41, 0, 7
HSL	204.8°, 99.2, 46.5	`hsl(204.8,99.2%,46.5%)`
HSV (or HSB)	204.8°, 99.6, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.61, 4.722, -57.363
XYZ	24.382, 24.526, 82.801
xyY	0.185, 0.186, 24.526
CIE-LCH	56.61, 57.557, 274.706
CIE-LUV	56.61, -33.567, -91.113
Hunter-Lab	49.523, 1.216, -64.464
Binary	00000001, 10001011, 11101100

#018bec
```
#018bec rgb(1,139,236)
```
#ec6201
```
#ec6201 rgb(236,98,1)
```

Complementary Color

#01ecd8
```
#01ecd8 rgb(1,236,216)
```
#018bec
```
#018bec rgb(1,139,236)
```
#0115ec
```
#0115ec rgb(1,21,236)
```

Analogous Color

#ecd801
```
#ecd801 rgb(236,216,1)
```
#018bec
```
#018bec rgb(1,139,236)
```
#ec0115
```
#ec0115 rgb(236,1,21)
```

Split Complementary Color

#8bec01
```
#8bec01 rgb(139,236,1)
```
#018bec
```
#018bec rgb(1,139,236)
```
#ec018b
```
#ec018b rgb(236,1,139)
```

Triadic Color

#01ec62
```
#01ec62 rgb(1,236,98)
```
#018bec
```
#018bec rgb(1,139,236)
```
#ec018b
```
#ec018b rgb(236,1,139)
```
#ec6201
```
#ec6201 rgb(236,98,1)
```

Tetradic Color

#015ea0
```
#015ea0 rgb(1,94,160)
```
#016db9
```
#016db9 rgb(1,109,185)
```
#017cd3
```
#017cd3 rgb(1,124,211)
```
#018bec
```
#018bec rgb(1,139,236)
```
#0999fe
```
#0999fe rgb(9,153,254)
```
#22a3fe
```
#22a3fe rgb(34,163,254)
```
#3baefe
```
#3baefe rgb(59,174,254)
```

Monochromatic Color

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

#01c6ec
```
#01c6ec rgb(1,198,236)
```
#01b2ec
```
#01b2ec rgb(1,178,236)
```
#019fec
```
#019fec rgb(1,159,236)
```
#018bec
```
#018bec rgb(1,139,236)
```
#0177ec
```
#0177ec rgb(1,119,236)
```
#0164ec
```
#0164ec rgb(1,100,236)
```
#0150ec
```
#0150ec rgb(1,80,236)
```

Similar Colors

Text with hexadecimal color #018bec

This text has a font color of #018bec.

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

#018bec background color

This paragraph has a background color of #018bec.

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

#018bec border color

This element has a border color of #018bec.

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

CSS codes

.text {color:#018bec;}

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

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

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 #edf8ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000c15
```
#000c15 rgb(0,12,21)
```
#001829
```
#001829 rgb(0,24,41)
```
#00233c
```
#00233c rgb(0,35,60)
```
#002f50
```
#002f50 rgb(0,47,80)
```
#003a63
```
#003a63 rgb(0,58,99)
```
#014677
```
#014677 rgb(1,70,119)
```
#01518a
```
#01518a rgb(1,81,138)
```
#015d9e
```
#015d9e rgb(1,93,158)
```
#0168b1
```
#0168b1 rgb(1,104,177)
```
#0174c5
```
#0174c5 rgb(1,116,197)
```
#017fd8
```
#017fd8 rgb(1,127,216)
```
#018bec
```
#018bec rgb(1,139,236)
```

Shade Color Variation

#0396fe
```
#0396fe rgb(3,150,254)
```
#169efe
```
#169efe rgb(22,158,254)
```
#2aa6fe
```
#2aa6fe rgb(42,166,254)
```
#3daffe
```
#3daffe rgb(61,175,254)
```
#51b7fe
```
#51b7fe rgb(81,183,254)
```
#64bffe
```
#64bffe rgb(100,191,254)
```
#78c7fe
```
#78c7fe rgb(120,199,254)
```
#8bcfff
```
#8bcfff rgb(139,207,255)
```
#9fd7ff
```
#9fd7ff rgb(159,215,255)
```
#b2dfff
```
#b2dfff rgb(178,223,255)
```
#c6e7ff
```
#c6e7ff rgb(198,231,255)
```
#daefff
```
#daefff rgb(218,239,255)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

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

#6e787f
```
#6e787f rgb(110,120,127)
```
#657a88
```
#657a88 rgb(101,122,136)
```
#5c7b91
```
#5c7b91 rgb(92,123,145)
```
#537d9a
```
#537d9a rgb(83,125,154)
```
#4a7ea3
```
#4a7ea3 rgb(74,126,163)
```
#4180ac
```
#4180ac rgb(65,128,172)
```
#3881b5
```
#3881b5 rgb(56,129,181)
```
#2f83be
```
#2f83be rgb(47,131,190)
```
#2585c8
```
#2585c8 rgb(37,133,200)
```
#1c86d1
```
#1c86d1 rgb(28,134,209)
```
#1388da
```
#1388da rgb(19,136,218)
```
#0a89e3
```
#0a89e3 rgb(10,137,227)
```
#018bec
```
#018bec rgb(1,139,236)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#577386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ae7 Protanopia 1% of men
#2b8fed Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#3e8ae9 Protanomaly 1% of men, 0.01% of women
#1b8eec Deuteranomaly 6% of men, 0.4% of women
#0095bf Tritanomaly 0.01% of the population

#018bec hex color

#018bec Color Information

#018bec Color Conversion

Color Schemes with #018bec

Alternatives to #018bec

#018bec Preview

Shades and Tints of #018bec

Tones of #018bec

Color Blindness Simulator