colorhexa.com

#018bdc hex color

In a RGB color space, hex #018bdc is composed of 0.4% red, 54.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 36.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 202.2 degrees, a saturation of 99.1% and a lightness of 43.3%. #018bdc color hex could be obtained by blending #02ffff with #0017b9. Closest websafe color is: #0099cc.

- R 0
- G 55
- B 86
RGB color chart
- C 100
- M 37
- Y 0
- K 14
CMYK color chart

● #018bdc color description : Vivid blue.

The hexadecimal color #018bdc has RGB values of R:1, G:139, B:220 and CMYK values of C:1, M:0.37, Y:0, K:0.14. Its decimal value is 101340.

Hex triplet	018bdc	`#018bdc`
RGB Decimal	1, 139, 220	`rgb(1,139,220)`
RGB Percent	0.4, 54.5, 86.3	`rgb(0.4%,54.5%,86.3%)`
CMYK	100, 37, 0, 14
HSL	202.2°, 99.1, 43.3	`hsl(202.2,99.1%,43.3%)`
HSV (or HSB)	202.2°, 99.5, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.722, -1.409, -49.855
XYZ	22.16, 23.637, 71.101
xyY	0.19, 0.202, 23.637
CIE-LCH	55.722, 49.875, 268.381
CIE-LUV	55.722, -34.484, -78.077
Hunter-Lab	48.618, -3.72, -52.676
Binary	00000001, 10001011, 11011100

#018bdc
```
#018bdc rgb(1,139,220)
```
#dc5201
```
#dc5201 rgb(220,82,1)
```

Complementary Color

#01dcc0
```
#01dcc0 rgb(1,220,192)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#011edc
```
#011edc rgb(1,30,220)
```

Analogous Color

#dcc001
```
#dcc001 rgb(220,192,1)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#dc011e
```
#dc011e rgb(220,1,30)
```

Split Complementary Color

#8bdc01
```
#8bdc01 rgb(139,220,1)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#dc018b
```
#dc018b rgb(220,1,139)
```

Triadic Color

#015b90
```
#015b90 rgb(1,91,144)
```
#016ba9
```
#016ba9 rgb(1,107,169)
```
#017bc3
```
#017bc3 rgb(1,123,195)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#019bf5
```
#019bf5 rgb(1,155,245)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#2bb0fe
```
#2bb0fe rgb(43,176,254)
```

Monochromatic Color

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

#01c2dc
```
#01c2dc rgb(1,194,220)
```
#01b0dc
```
#01b0dc rgb(1,176,220)
```
#019ddc
```
#019ddc rgb(1,157,220)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#0179dc
```
#0179dc rgb(1,121,220)
```
#0167dc
```
#0167dc rgb(1,103,220)
```
#0154dc
```
#0154dc rgb(1,84,220)
```

Similar Colors

Text with hexadecimal color #018bdc

This text has a font color of #018bdc.

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

#018bdc background color

This paragraph has a background color of #018bdc.

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

#018bdc border color

This element has a border color of #018bdc.

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

CSS codes

.text {color:#018bdc;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#001019
```
#001019 rgb(0,16,25)
```
#001c2c
```
#001c2c rgb(0,28,44)
```
#002840
```
#002840 rgb(0,40,64)
```
#003553
```
#003553 rgb(0,53,83)
```
#004167
```
#004167 rgb(0,65,103)
```
#014d7a
```
#014d7a rgb(1,77,122)
```
#015a8e
```
#015a8e rgb(1,90,142)
```
#0166a1
```
#0166a1 rgb(1,102,161)
```
#0172b5
```
#0172b5 rgb(1,114,181)
```
#017fc8
```
#017fc8 rgb(1,127,200)
```
#018bdc
```
#018bdc rgb(1,139,220)
```
#0197f0
```
#0197f0 rgb(1,151,240)
```

Shade Color Variation

#06a2fe
```
#06a2fe rgb(6,162,254)
```
#1aaafe
```
#1aaafe rgb(26,170,254)
```
#2db1fe
```
#2db1fe rgb(45,177,254)
```
#41b8fe
```
#41b8fe rgb(65,184,254)
```
#54bffe
```
#54bffe rgb(84,191,254)
```
#68c7fe
```
#68c7fe rgb(104,199,254)
```
#7ccefe
```
#7ccefe rgb(124,206,254)
```
#8fd5fe
```
#8fd5fe rgb(143,213,254)
```
#a3ddff
```
#a3ddff rgb(163,221,255)
```
#b6e4ff
```
#b6e4ff rgb(182,228,255)
```
#caebff
```
#caebff rgb(202,235,255)
```
#ddf2ff
```
#ddf2ff rgb(221,242,255)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#677076
```
#677076 rgb(103,112,118)
```
#5f737f
```
#5f737f rgb(95,115,127)
```
#567587
```
#567587 rgb(86,117,135)
```
#4e7790
```
#4e7790 rgb(78,119,144)
```
#457998
```
#457998 rgb(69,121,152)
```
#3d7ca1
```
#3d7ca1 rgb(61,124,161)
```
#347ea9
```
#347ea9 rgb(52,126,169)
```
#2c80b2
```
#2c80b2 rgb(44,128,178)
```
#2382ba
```
#2382ba rgb(35,130,186)
```
#1b84c3
```
#1b84c3 rgb(27,132,195)
```
#1287cb
```
#1287cb rgb(18,135,203)
```
#0a89d4
```
#0a89d4 rgb(10,137,212)
```
#018bdc
```
#018bdc rgb(1,139,220)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#567182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a89d7 Protanopia 1% of men
#4b8cdf Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4489d9 Protanomaly 1% of men, 0.01% of women
#308cde Deuteranomaly 6% of men, 0.4% of women
#0094b7 Tritanomaly 0.01% of the population