#01b4dd hex color

In a RGB color space, hex #01b4dd is composed of 0.4% red, 70.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 18.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 191.2 degrees, a saturation of 99.1% and a lightness of 43.5%. #01b4dd color hex could be obtained by blending #02ffff with #0069bb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 71
- B 87
RGB color chart
- C 100
- M 19
- Y 0
- K 13
CMYK color chart

● #01b4dd color description : Vivid cyan.

The hexadecimal color #01b4dd has RGB values of R:1, G:180, B:221 and CMYK values of C:1, M:0.19, Y:0, K:0.13. Its decimal value is 111837.

Hex triplet	01b4dd	`#01b4dd`
RGB Decimal	1, 180, 221	`rgb(1,180,221)`
RGB Percent	0.4, 70.6, 86.7	`rgb(0.4%,70.6%,86.7%)`
CMYK	100, 19, 0, 13
HSL	191.2°, 99.1, 43.5	`hsl(191.2,99.1%,43.5%)`
HSV (or HSB)	191.2°, 99.5, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.922, -23.657, -31.277
XYZ	29.381, 37.866, 74.163
xyY	0.208, 0.268, 37.866
CIE-LCH	67.922, 39.216, 232.897
CIE-LUV	67.922, -48.117, -46.499
Hunter-Lab	61.536, -22.459, -28.381
Binary	00000001, 10110100, 11011101

#01b4dd
```
#01b4dd rgb(1,180,221)
```
#dd2a01
```
#dd2a01 rgb(221,42,1)
```

Complementary Color

#01dd98
```
#01dd98 rgb(1,221,152)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#0146dd
```
#0146dd rgb(1,70,221)
```

Analogous Color

#dd9801
```
#dd9801 rgb(221,152,1)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#dd0146
```
#dd0146 rgb(221,1,70)
```

Split Complementary Color

#b4dd01
```
#b4dd01 rgb(180,221,1)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#dd01b4
```
#dd01b4 rgb(221,1,180)
```

Triadic Color

#01dd2a
```
#01dd2a rgb(1,221,42)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#dd01b4
```
#dd01b4 rgb(221,1,180)
```
#dd2a01
```
#dd2a01 rgb(221,42,1)
```

Tetradic Color

#017691
```
#017691 rgb(1,118,145)
```
#018baa
```
#018baa rgb(1,139,170)
```
#019fc4
```
#019fc4 rgb(1,159,196)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#01c9f6
```
#01c9f6 rgb(1,201,246)
```
#13d2fe
```
#13d2fe rgb(19,210,254)
```
#2cd7fe
```
#2cd7fe rgb(44,215,254)
```

Monochromatic Color

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

#01ddcf
```
#01ddcf rgb(1,221,207)
```
#01d9dd
```
#01d9dd rgb(1,217,221)
```
#01c6dd
```
#01c6dd rgb(1,198,221)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#01a2dd
```
#01a2dd rgb(1,162,221)
```
#018fdd
```
#018fdd rgb(1,143,221)
```
#017ddd
```
#017ddd rgb(1,125,221)
```

Similar Colors

Text with hexadecimal color #01b4dd

This text has a font color of #01b4dd.

<span style="color:#01b4dd;">Text here</span>

#01b4dd background color

This paragraph has a background color of #01b4dd.

<p style="background-color:#01b4dd;">Content here</p>

#01b4dd border color

This element has a border color of #01b4dd.

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

CSS codes

.text {color:#01b4dd;}

.background {background-color:#01b4dd;}

.border {border:1px solid #01b4dd;}

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

#000506
```
#000506 rgb(0,5,6)
```
#00151a
```
#00151a rgb(0,21,26)
```
#00252d
```
#00252d rgb(0,37,45)
```
#003541
```
#003541 rgb(0,53,65)
```
#004554
```
#004554 rgb(0,69,84)
```
#005568
```
#005568 rgb(0,85,104)
```
#01647b
```
#01647b rgb(1,100,123)
```
#01748f
```
#01748f rgb(1,116,143)
```
#0184a2
```
#0184a2 rgb(1,132,162)
```
#0194b6
```
#0194b6 rgb(1,148,182)
```
#01a4c9
```
#01a4c9 rgb(1,164,201)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```
#01c4f1
```
#01c4f1 rgb(1,196,241)
```

Shade Color Variation

#07d0fe
```
#07d0fe rgb(7,208,254)
```
#1bd4fe
```
#1bd4fe rgb(27,212,254)
```
#2ed7fe
```
#2ed7fe rgb(46,215,254)
```
#42dbfe
```
#42dbfe rgb(66,219,254)
```
#55dffe
```
#55dffe rgb(85,223,254)
```
#69e2fe
```
#69e2fe rgb(105,226,254)
```
#7de6fe
```
#7de6fe rgb(125,230,254)
```
#90eafe
```
#90eafe rgb(144,234,254)
```
#a4eeff
```
#a4eeff rgb(164,238,255)
```
#b7f1ff
```
#b7f1ff rgb(183,241,255)
```
#cbf5ff
```
#cbf5ff rgb(203,245,255)
```
#def9ff
```
#def9ff rgb(222,249,255)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#677477
```
#677477 rgb(103,116,119)
```
#5f797f
```
#5f797f rgb(95,121,127)
```
#567e88
```
#567e88 rgb(86,126,136)
```
#4e8490
```
#4e8490 rgb(78,132,144)
```
#458999
```
#458999 rgb(69,137,153)
```
#3d8fa1
```
#3d8fa1 rgb(61,143,161)
```
#3494aa
```
#3494aa rgb(52,148,170)
```
#2c99b2
```
#2c99b2 rgb(44,153,178)
```
#239fbb
```
#239fbb rgb(35,159,187)
```
#1ba4c3
```
#1ba4c3 rgb(27,164,195)
```
#12a9cc
```
#12a9cc rgb(18,169,204)
```
#0aafd4
```
#0aafd4 rgb(10,175,212)
```
#01b4dd
```
#01b4dd rgb(1,180,221)
```

Tone Color Variation

Below, you can see how #01b4dd 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

#838383 Achromatopsia 0.005% of the population
#698d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea8d4 Protanopia 1% of men
#95a8e5 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#65acd7 Protanomaly 1% of men, 0.01% of women
#5face2 Deuteranomaly 6% of men, 0.4% of women
#00b8cf Tritanomaly 0.01% of the population

#01b4dd hex color

#01b4dd Color Information

#01b4dd Color Conversion

Color Schemes with #01b4dd

Alternatives to #01b4dd

#01b4dd Preview

Shades and Tints of #01b4dd

Tones of #01b4dd

Color Blindness Simulator