colorhexa.com

#0180bd hex color

In a RGB color space, hex #0180bd is composed of 0.4% red, 50.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 32.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 199.5 degrees, a saturation of 98.9% and a lightness of 37.3%. #0180bd color hex could be obtained by blending #02ffff with #00017b. Closest websafe color is: #0099cc.

- R 0
- G 50
- B 74
RGB color chart
- C 99
- M 32
- Y 0
- K 26
CMYK color chart

● #0180bd color description : Strong blue.

The hexadecimal color #0180bd has RGB values of R:1, G:128, B:189 and CMYK values of C:0.99, M:0.32, Y:0, K:0.26. Its decimal value is 98493.

Hex triplet	0180bd	`#0180bd`
RGB Decimal	1, 128, 189	`rgb(1,128,189)`
RGB Percent	0.4, 50.2, 74.1	`rgb(0.4%,50.2%,74.1%)`
CMYK	99, 32, 0, 26
HSL	199.5°, 98.9, 37.3	`hsl(199.5,98.9%,37.3%)`
HSV (or HSB)	199.5°, 99.5, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	50.824, -6.794, -40.047
XYZ	16.915, 19.117, 50.94
xyY	0.194, 0.22, 19.117
CIE-LCH	50.824, 40.619, 260.371
CIE-LUV	50.824, -32.788, -60.409
Hunter-Lab	43.723, -7.462, -38.469
Binary	00000001, 10000000, 10111101

#0180bd
```
#0180bd rgb(1,128,189)
```
#bd3e01
```
#bd3e01 rgb(189,62,1)
```

Complementary Color

#01bd9c
```
#01bd9c rgb(1,189,156)
```
#0180bd
```
#0180bd rgb(1,128,189)
```
#0122bd
```
#0122bd rgb(1,34,189)
```

Analogous Color

#bd9c01
```
#bd9c01 rgb(189,156,1)
```
#0180bd
```
#0180bd rgb(1,128,189)
```
#bd0122
```
#bd0122 rgb(189,1,34)
```

Split Complementary Color

#80bd01
```
#80bd01 rgb(128,189,1)
```
#0180bd
```
#0180bd rgb(1,128,189)
```
#bd0180
```
#bd0180 rgb(189,1,128)
```

Triadic Color

#014c71
```
#014c71 rgb(1,76,113)
```
#015e8a
```
#015e8a rgb(1,94,138)
```
#016fa4
```
#016fa4 rgb(1,111,164)
```
#0180bd
```
#0180bd rgb(1,128,189)
```
#0191d6
```
#0191d6 rgb(1,145,214)
```
#01a2f0
```
#01a2f0 rgb(1,162,240)
```
#0db0fe
```
#0db0fe rgb(13,176,254)
```

Monochromatic Color

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

#01afbd
```
#01afbd rgb(1,175,189)
```
#019fbd
```
#019fbd rgb(1,159,189)
```
#0190bd
```
#0190bd rgb(1,144,189)
```
#0180bd
```
#0180bd rgb(1,128,189)
```
#0170bd
```
#0170bd rgb(1,112,189)
```
#0161bd
```
#0161bd rgb(1,97,189)
```
#0151bd
```
#0151bd rgb(1,81,189)
```

Similar Colors

Text with hexadecimal color #0180bd

This text has a font color of #0180bd.

<span style="color:#0180bd;">Text here</span>

#0180bd background color

This paragraph has a background color of #0180bd.

<p style="background-color:#0180bd;">Content here</p>

#0180bd border color

This element has a border color of #0180bd.

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

CSS codes

.text {color:#0180bd;}

.background {background-color:#0180bd;}

.border {border:1px solid #0180bd;}

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

#00090d
```
#00090d rgb(0,9,13)
```
#001621
```
#001621 rgb(0,22,33)
```
#002334
```
#002334 rgb(0,35,52)
```
#003148
```
#003148 rgb(0,49,72)
```
#003e5b
```
#003e5b rgb(0,62,91)
```
#014b6f
```
#014b6f rgb(1,75,111)
```
#015882
```
#015882 rgb(1,88,130)
```
#016696
```
#016696 rgb(1,102,150)
```
#0173a9
```
#0173a9 rgb(1,115,169)
```
#0180bd
```
#0180bd rgb(1,128,189)
```
#018dd1
```
#018dd1 rgb(1,141,209)
```
#019ae4
```
#019ae4 rgb(1,154,228)
```
#01a8f8
```
#01a8f8 rgb(1,168,248)
```

Shade Color Variation

#0fb0fe
```
#0fb0fe rgb(15,176,254)
```
#22b7fe
```
#22b7fe rgb(34,183,254)
```
#36bdfe
```
#36bdfe rgb(54,189,254)
```
#49c3fe
```
#49c3fe rgb(73,195,254)
```
#5dcafe
```
#5dcafe rgb(93,202,254)
```
#70d0fe
```
#70d0fe rgb(112,208,254)
```
#84d7fe
```
#84d7fe rgb(132,215,254)
```
#97ddfe
```
#97ddfe rgb(151,221,254)
```
#abe3ff
```
#abe3ff rgb(171,227,255)
```
#beeaff
```
#beeaff rgb(190,234,255)
```
#d2f0ff
```
#d2f0ff rgb(210,240,255)
```
#e5f7ff
```
#e5f7ff rgb(229,247,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#596165
```
#596165 rgb(89,97,101)
```
#51646d
```
#51646d rgb(81,100,109)
```
#4a6674
```
#4a6674 rgb(74,102,116)
```
#43697b
```
#43697b rgb(67,105,123)
```
#3b6b83
```
#3b6b83 rgb(59,107,131)
```
#346e8a
```
#346e8a rgb(52,110,138)
```
#2d7191
```
#2d7191 rgb(45,113,145)
```
#267398
```
#267398 rgb(38,115,152)
```
#1e76a0
```
#1e76a0 rgb(30,118,160)
```
#1778a7
```
#1778a7 rgb(23,120,167)
```
#107bae
```
#107bae rgb(16,123,174)
```
#087db6
```
#087db6 rgb(8,125,182)
```
#0180bd
```
#0180bd rgb(1,128,189)
```

Tone Color Variation

Below, you can see how #0180bd 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

#616161 Achromatopsia 0.005% of the population
#4e6773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697eb9 Protanopia 1% of men
#5680c3 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#437ebb Protanomaly 1% of men, 0.01% of women
#3780c0 Deuteranomaly 6% of men, 0.4% of women
#0087a3 Tritanomaly 0.01% of the population