colorhexa.com

#018bb2 hex color

In a RGB color space, hex #018bb2 is composed of 0.4% red, 54.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 21.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 193.2 degrees, a saturation of 98.9% and a lightness of 35.1%. #018bb2 color hex could be obtained by blending #02ffff with #001765. Closest websafe color is: #009999.

- R 0
- G 55
- B 70
RGB color chart
- C 99
- M 22
- Y 0
- K 30
CMYK color chart

● #018bb2 color description : Dark cyan.

The hexadecimal color #018bb2 has RGB values of R:1, G:139, B:178 and CMYK values of C:0.99, M:0.22, Y:0, K:0.3. Its decimal value is 101298.

Hex triplet	018bb2	`#018bb2`
RGB Decimal	1, 139, 178	`rgb(1,139,178)`
RGB Percent	0.4, 54.5, 69.8	`rgb(0.4%,54.5%,69.8%)`
CMYK	99, 22, 0, 30
HSL	193.2°, 98.9, 35.1	`hsl(193.2,98.9%,35.1%)`
HSV (or HSB)	193.2°, 99.4, 69.8
Web Safe	009999	`#009999`

CIE-LAB	53.69, -17.145, -29.25
XYZ	17.279, 21.684, 45.392
xyY	0.205, 0.257, 21.684
CIE-LCH	53.69, 33.905, 239.624
CIE-LUV	53.69, -37.317, -42.344
Hunter-Lab	46.566, -15.257, -25.198
Binary	00000001, 10001011, 10110010

#018bb2
```
#018bb2 rgb(1,139,178)
```
#b22801
```
#b22801 rgb(178,40,1)
```

Complementary Color

#01b281
```
#01b281 rgb(1,178,129)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```
#0133b2
```
#0133b2 rgb(1,51,178)
```

Analogous Color

#b28101
```
#b28101 rgb(178,129,1)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```
#b20132
```
#b20132 rgb(178,1,50)
```

Split Complementary Color

#8bb201
```
#8bb201 rgb(139,178,1)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```
#b2018b
```
#b2018b rgb(178,1,139)
```

Triadic Color

#015066
```
#015066 rgb(1,80,102)
```
#01637f
```
#01637f rgb(1,99,127)
```
#017799
```
#017799 rgb(1,119,153)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```
#019fcb
```
#019fcb rgb(1,159,203)
```
#01b3e5
```
#01b3e5 rgb(1,179,229)
```
#02c6fe
```
#02c6fe rgb(2,198,254)
```

Monochromatic Color

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

#01b2ad
```
#01b2ad rgb(1,178,173)
```
#01a9b2
```
#01a9b2 rgb(1,169,178)
```
#019ab2
```
#019ab2 rgb(1,154,178)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```
#017cb2
```
#017cb2 rgb(1,124,178)
```
#016eb2
```
#016eb2 rgb(1,110,178)
```
#015fb2
```
#015fb2 rgb(1,95,178)
```

Similar Colors

Text with hexadecimal color #018bb2

This text has a font color of #018bb2.

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

#018bb2 background color

This paragraph has a background color of #018bb2.

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

#018bb2 border color

This element has a border color of #018bb2.

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

CSS codes

.text {color:#018bb2;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001116
```
#001116 rgb(0,17,22)
```
#002029
```
#002029 rgb(0,32,41)
```
#00303d
```
#00303d rgb(0,48,61)
```
#003f50
```
#003f50 rgb(0,63,80)
```
#014e64
```
#014e64 rgb(1,78,100)
```
#015d77
```
#015d77 rgb(1,93,119)
```
#016d8b
```
#016d8b rgb(1,109,139)
```
#017c9e
```
#017c9e rgb(1,124,158)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```
#019ac6
```
#019ac6 rgb(1,154,198)
```
#01a9d9
```
#01a9d9 rgb(1,169,217)
```
#01b9ed
```
#01b9ed rgb(1,185,237)
```

Shade Color Variation

#04c7fe
```
#04c7fe rgb(4,199,254)
```
#17cbfe
```
#17cbfe rgb(23,203,254)
```
#2bcffe
```
#2bcffe rgb(43,207,254)
```
#3ed4fe
```
#3ed4fe rgb(62,212,254)
```
#52d8fe
```
#52d8fe rgb(82,216,254)
```
#65dcfe
```
#65dcfe rgb(101,220,254)
```
#79e1fe
```
#79e1fe rgb(121,225,254)
```
#8ce5fe
```
#8ce5fe rgb(140,229,254)
```
#a0eafe
```
#a0eafe rgb(160,234,254)
```
#b3eeff
```
#b3eeff rgb(179,238,255)
```
#c7f2ff
```
#c7f2ff rgb(199,242,255)
```
#daf7ff
```
#daf7ff rgb(218,247,255)
```
#eefbff
```
#eefbff rgb(238,251,255)
```

Tint Color Variation

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

#545d5f
```
#545d5f rgb(84,93,95)
```
#4d6166
```
#4d6166 rgb(77,97,102)
```
#46646d
```
#46646d rgb(70,100,109)
```
#3f6874
```
#3f6874 rgb(63,104,116)
```
#386c7b
```
#386c7b rgb(56,108,123)
```
#317082
```
#317082 rgb(49,112,130)
```
#2a7489
```
#2a7489 rgb(42,116,137)
```
#237890
```
#237890 rgb(35,120,144)
```
#1d7c96
```
#1d7c96 rgb(29,124,150)
```
#167f9d
```
#167f9d rgb(22,127,157)
```
#0f83a4
```
#0f83a4 rgb(15,131,164)
```
#0887ab
```
#0887ab rgb(8,135,171)
```
#018bb2
```
#018bb2 rgb(1,139,178)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#526d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a85ae Protanopia 1% of men
#7185ba Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#4e87af Protanomaly 1% of men, 0.01% of women
#4887b7 Deuteranomaly 6% of men, 0.4% of women
#0090a5 Tritanomaly 0.01% of the population