#00b48e hex color

In a RGB color space, hex #00b48e is composed of 0% red, 70.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 21.1% yellow and 29.4% black. It has a hue angle of 167.3 degrees, a saturation of 100% and a lightness of 35.3%. #00b48e color hex could be obtained by blending #00ffff with #00691d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 0
- G 71
- B 56
RGB color chart
- C 100
- M 0
- Y 21
- K 29
CMYK color chart

● #00b48e color description : Strong cyan.

The hexadecimal color #00b48e has RGB values of R:0, G:180, B:142 and CMYK values of C:1, M:0, Y:0.21, K:0.29. Its decimal value is 46222.

Hex triplet	00b48e	`#00b48e`
RGB Decimal	0, 180, 142	`rgb(0,180,142)`
RGB Percent	0, 70.6, 55.7	`rgb(0%,70.6%,55.7%)`
CMYK	100, 0, 21, 29
HSL	167.3°, 100, 35.3	`hsl(167.3,100%,35.3%)`
HSV (or HSB)	167.3°, 100, 70.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	65.431, -47.758, 8.615
XYZ	21.202, 34.593, 31.149
xyY	0.244, 0.398, 34.593
CIE-LCH	65.431, 48.529, 169.775
CIE-LUV	65.431, -54.421, 19.636
Hunter-Lab	58.816, -38.583, 9.771
Binary	00000000, 10110100, 10001110

#00b48e
```
#00b48e rgb(0,180,142)
```
#b40026
```
#b40026 rgb(180,0,38)
```

Complementary Color

#00b434
```
#00b434 rgb(0,180,52)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#0080b4
```
#0080b4 rgb(0,128,180)
```

Analogous Color

#b43400
```
#b43400 rgb(180,52,0)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#b40080
```
#b40080 rgb(180,0,128)
```

Split Complementary Color

#b48e00
```
#b48e00 rgb(180,142,0)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#8e00b4
```
#8e00b4 rgb(142,0,180)
```

Triadic Color

#26b400
```
#26b400 rgb(38,180,0)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#8e00b4
```
#8e00b4 rgb(142,0,180)
```
#b40026
```
#b40026 rgb(180,0,38)
```

Tetradic Color

#006852
```
#006852 rgb(0,104,82)
```
#008166
```
#008166 rgb(0,129,102)
```
#009b7a
```
#009b7a rgb(0,155,122)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#00cea2
```
#00cea2 rgb(0,206,162)
```
#00e7b6
```
#00e7b6 rgb(0,231,182)
```
#01ffc9
```
#01ffc9 rgb(1,255,201)
```

Monochromatic Color

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

#00b461
```
#00b461 rgb(0,180,97)
```
#00b470
```
#00b470 rgb(0,180,112)
```
#00b47f
```
#00b47f rgb(0,180,127)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#00b49d
```
#00b49d rgb(0,180,157)
```
#00b4ac
```
#00b4ac rgb(0,180,172)
```
#00adb4
```
#00adb4 rgb(0,173,180)
```

Similar Colors

Text with hexadecimal color #00b48e

This text has a font color of #00b48e.

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

#00b48e background color

This paragraph has a background color of #00b48e.

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

#00b48e border color

This element has a border color of #00b48e.

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

CSS codes

.text {color:#00b48e;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001712
```
#001712 rgb(0,23,18)
```
#002b22
```
#002b22 rgb(0,43,34)
```
#003e31
```
#003e31 rgb(0,62,49)
```
#005241
```
#005241 rgb(0,82,65)
```
#006650
```
#006650 rgb(0,102,80)
```
#007960
```
#007960 rgb(0,121,96)
```
#008d6f
```
#008d6f rgb(0,141,111)
```
#00a07f
```
#00a07f rgb(0,160,127)
```
#00b48e
```
#00b48e rgb(0,180,142)
```
#00c89d
```
#00c89d rgb(0,200,157)
```
#00dbad
```
#00dbad rgb(0,219,173)
```
#00efbc
```
#00efbc rgb(0,239,188)
```

Shade Color Variation

#03ffca
```
#03ffca rgb(3,255,202)
```
#17ffce
```
#17ffce rgb(23,255,206)
```
#2bffd2
```
#2bffd2 rgb(43,255,210)
```
#3effd6
```
#3effd6 rgb(62,255,214)
```
#52ffda
```
#52ffda rgb(82,255,218)
```
#66ffdf
```
#66ffdf rgb(102,255,223)
```
#79ffe3
```
#79ffe3 rgb(121,255,227)
```
#8dffe7
```
#8dffe7 rgb(141,255,231)
```
#a0ffeb
```
#a0ffeb rgb(160,255,235)
```
#b4ffef
```
#b4ffef rgb(180,255,239)
```
#c8fff3
```
#c8fff3 rgb(200,255,243)
```
#dbfff7
```
#dbfff7 rgb(219,255,247)
```
#effffc
```
#effffc rgb(239,255,252)
```

Tint Color Variation

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

#53615e
```
#53615e rgb(83,97,94)
```
#4c6862
```
#4c6862 rgb(76,104,98)
```
#456f66
```
#456f66 rgb(69,111,102)
```
#3e766a
```
#3e766a rgb(62,118,106)
```
#377d6e
```
#377d6e rgb(55,125,110)
```
#308472
```
#308472 rgb(48,132,114)
```
#2a8a76
```
#2a8a76 rgb(42,138,118)
```
#23917a
```
#23917a rgb(35,145,122)
```
#1c987e
```
#1c987e rgb(28,152,126)
```
#159f82
```
#159f82 rgb(21,159,130)
```
#0ea686
```
#0ea686 rgb(14,166,134)
```
#07ad8a
```
#07ad8a rgb(7,173,138)
```
#00b48e
```
#00b48e rgb(0,180,142)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#62867e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca38a Protanopia 1% of men
#b59e9c Deuteranopia 1% of men
#42b1be Tritanopia 0.001% of the population

Trichromacy

#6da98b Protanomaly 1% of men, 0.01% of women
#73a697 Deuteranomaly 6% of men, 0.4% of women
#2ab2ad Tritanomaly 0.01% of the population

#00b48e hex color

#00b48e Color Information

#00b48e Color Conversion

Color Schemes with #00b48e

Alternatives to #00b48e

#00b48e Preview

Shades and Tints of #00b48e

Tones of #00b48e

Color Blindness Simulator