colorhexa.com

#00b5c4 hex color

In a RGB color space, hex #00b5c4 is composed of 0% red, 71% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 7.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 184.6 degrees, a saturation of 100% and a lightness of 38.4%. #00b5c4 color hex could be obtained by blending #00ffff with #006b89. Closest websafe color is: #00cccc.

- R 0
- G 71
- B 77
RGB color chart
- C 100
- M 8
- Y 0
- K 23
CMYK color chart

● #00b5c4 color description : Strong cyan.

The hexadecimal color #00b5c4 has RGB values of R:0, G:181, B:196 and CMYK values of C:1, M:0.08, Y:0, K:0.23. Its decimal value is 46532.

Hex triplet	00b5c4	`#00b5c4`
RGB Decimal	0, 181, 196	`rgb(0,181,196)`
RGB Percent	0, 71, 76.9	`rgb(0%,71%,76.9%)`
CMYK	100, 8, 0, 23
HSL	184.6°, 100, 38.4	`hsl(184.6,100%,38.4%)`
HSV (or HSB)	184.6°, 100, 76.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.3, -32.472, -18.48
XYZ	26.485, 37.031, 57.973
xyY	0.218, 0.305, 37.031
CIE-LCH	67.3, 37.362, 209.645
CIE-LUV	67.3, -50.467, -23.987
Hunter-Lab	60.853, -28.804, -13.888
Binary	00000000, 10110101, 11000100

#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#c40f00
```
#c40f00 rgb(196,15,0)
```

Complementary Color

#00c471
```
#00c471 rgb(0,196,113)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#0053c4
```
#0053c4 rgb(0,83,196)
```

Analogous Color

#c47100
```
#c47100 rgb(196,113,0)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#c40053
```
#c40053 rgb(196,0,83)
```

Split Complementary Color

#b5c400
```
#b5c400 rgb(181,196,0)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#c400b5
```
#c400b5 rgb(196,0,181)
```

Triadic Color

#006e78
```
#006e78 rgb(0,110,120)
```
#008691
```
#008691 rgb(0,134,145)
```
#009dab
```
#009dab rgb(0,157,171)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#00cdde
```
#00cdde rgb(0,205,222)
```
#00e4f7
```
#00e4f7 rgb(0,228,247)
```
#12edff
```
#12edff rgb(18,237,255)
```

Monochromatic Color

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

#00c4a2
```
#00c4a2 rgb(0,196,162)
```
#00c4b2
```
#00c4b2 rgb(0,196,178)
```
#00c4c3
```
#00c4c3 rgb(0,196,195)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#00a5c4
```
#00a5c4 rgb(0,165,196)
```
#0094c4
```
#0094c4 rgb(0,148,196)
```
#0084c4
```
#0084c4 rgb(0,132,196)
```

Similar Colors

Text with hexadecimal color #00b5c4

This text has a font color of #00b5c4.

<span style="color:#00b5c4;">Text here</span>

#00b5c4 background color

This paragraph has a background color of #00b5c4.

<p style="background-color:#00b5c4;">Content here</p>

#00b5c4 border color

This element has a border color of #00b5c4.

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

CSS codes

.text {color:#00b5c4;}

.background {background-color:#00b5c4;}

.border {border:1px solid #00b5c4;}

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

#001213
```
#001213 rgb(0,18,19)
```
#002427
```
#002427 rgb(0,36,39)
```
#00363b
```
#00363b rgb(0,54,59)
```
#00484e
```
#00484e rgb(0,72,78)
```
#005a62
```
#005a62 rgb(0,90,98)
```
#006d76
```
#006d76 rgb(0,109,118)
```
#007f89
```
#007f89 rgb(0,127,137)
```
#00919d
```
#00919d rgb(0,145,157)
```
#00a3b0
```
#00a3b0 rgb(0,163,176)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```
#00c7d8
```
#00c7d8 rgb(0,199,216)
```
#00d9eb
```
#00d9eb rgb(0,217,235)
```
#00ebff
```
#00ebff rgb(0,235,255)
```

Shade Color Variation

#13edff
```
#13edff rgb(19,237,255)
```
#27eeff
```
#27eeff rgb(39,238,255)
```
#3bf0ff
```
#3bf0ff rgb(59,240,255)
```
#4ef1ff
```
#4ef1ff rgb(78,241,255)
```
#62f3ff
```
#62f3ff rgb(98,243,255)
```
#76f4ff
```
#76f4ff rgb(118,244,255)
```
#89f6ff
```
#89f6ff rgb(137,246,255)
```
#9df7ff
```
#9df7ff rgb(157,247,255)
```
#b0f9ff
```
#b0f9ff rgb(176,249,255)
```
#c4faff
```
#c4faff rgb(196,250,255)
```
#d8fcff
```
#d8fcff rgb(216,252,255)
```
#ebfdff
```
#ebfdff rgb(235,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a686a is the less saturated color, while #00b5c4 is the most saturated one.

#5a686a
```
#5a686a rgb(90,104,106)
```
#536f71
```
#536f71 rgb(83,111,113)
```
#4b7579
```
#4b7579 rgb(75,117,121)
```
#447c80
```
#447c80 rgb(68,124,128)
```
#3c8288
```
#3c8288 rgb(60,130,136)
```
#35888f
```
#35888f rgb(53,136,143)
```
#2d8f97
```
#2d8f97 rgb(45,143,151)
```
#26959e
```
#26959e rgb(38,149,158)
```
#1e9ba6
```
#1e9ba6 rgb(30,155,166)
```
#17a2ad
```
#17a2ad rgb(23,162,173)
```
#0fa8b5
```
#0fa8b5 rgb(15,168,181)
```
#08afbc
```
#08afbc rgb(8,175,188)
```
#00b5c4
```
#00b5c4 rgb(0,181,196)
```

Tone Color Variation

Below, you can see how #00b5c4 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

#818181 Achromatopsia 0.005% of the population
#678b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a7bc Protanopia 1% of men
#a3a5ce Deuteranopia 1% of men
#00b8c6 Tritanopia 0.001% of the population

Trichromacy

#69acbf Protanomaly 1% of men, 0.01% of women
#68abca Deuteranomaly 6% of men, 0.4% of women
#00b7c5 Tritanomaly 0.01% of the population