#46b4b0 hex color

In a RGB color space, hex #46b4b0 is composed of 27.5% red, 70.6% green and 69% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 2.2% yellow and 29.4% black. It has a hue angle of 177.8 degrees, a saturation of 44% and a lightness of 49%. #46b4b0 color hex could be obtained by blending #8cffff with #006961. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 71
- B 69
RGB color chart
- C 61
- M 0
- Y 2
- K 29
CMYK color chart

● #46b4b0 color description : Moderate cyan.

The hexadecimal color #46b4b0 has RGB values of R:70, G:180, B:176 and CMYK values of C:0.61, M:0, Y:0.02, K:0.29. Its decimal value is 4633776.

Hex triplet	46b4b0	`#46b4b0`
RGB Decimal	70, 180, 176	`rgb(70,180,176)`
RGB Percent	27.5, 70.6, 69	`rgb(27.5%,70.6%,69%)`
CMYK	61, 0, 2, 29
HSL	177.8°, 44, 49	`hsl(177.8,44%,49%)`
HSV (or HSB)	177.8°, 61.1, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.335, -31.817, -7.279
XYZ	26.681, 37.077, 46.822
xyY	0.241, 0.335, 37.077
CIE-LCH	67.335, 32.639, 192.887
CIE-LUV	67.335, -44.02, -6.119
Hunter-Lab	60.891, -28.344, -2.968
Binary	01000110, 10110100, 10110000

#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#b4464a
```
#b4464a rgb(180,70,74)
```

Complementary Color

#46b479
```
#46b479 rgb(70,180,121)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#4681b4
```
#4681b4 rgb(70,129,180)
```

Analogous Color

#b47946
```
#b47946 rgb(180,121,70)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#b44681
```
#b44681 rgb(180,70,129)
```

Split Complementary Color

#b4b046
```
#b4b046 rgb(180,176,70)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#b046b4
```
#b046b4 rgb(176,70,180)
```

Triadic Color

#4ab446
```
#4ab446 rgb(74,180,70)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#b046b4
```
#b046b4 rgb(176,70,180)
```
#b4464a
```
#b4464a rgb(180,70,74)
```

Tetradic Color

#317d7a
```
#317d7a rgb(49,125,122)
```
#388f8c
```
#388f8c rgb(56,143,140)
```
#3fa29e
```
#3fa29e rgb(63,162,158)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#56bdba
```
#56bdba rgb(86,189,186)
```
#69c4c1
```
#69c4c1 rgb(105,196,193)
```
#7bccc9
```
#7bccc9 rgb(123,204,201)
```

Monochromatic Color

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

#46b495
```
#46b495 rgb(70,180,149)
```
#46b49e
```
#46b49e rgb(70,180,158)
```
#46b4a7
```
#46b4a7 rgb(70,180,167)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#46afb4
```
#46afb4 rgb(70,175,180)
```
#46a6b4
```
#46a6b4 rgb(70,166,180)
```
#469db4
```
#469db4 rgb(70,157,180)
```

Similar Colors

Text with hexadecimal color #46b4b0

This text has a font color of #46b4b0.

<span style="color:#46b4b0;">Text here</span>

#46b4b0 background color

This paragraph has a background color of #46b4b0.

<p style="background-color:#46b4b0;">Content here</p>

#46b4b0 border color

This element has a border color of #46b4b0.

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

CSS codes

.text {color:#46b4b0;}

.background {background-color:#46b4b0;}

.border {border:1px solid #46b4b0;}

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, #040b0a is the darkest color, while #fbfefe is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#0a1918
```
#0a1918 rgb(10,25,24)
```
#0f2726
```
#0f2726 rgb(15,39,38)
```
#153534
```
#153534 rgb(21,53,52)
```
#1a4342
```
#1a4342 rgb(26,67,66)
```
#20514f
```
#20514f rgb(32,81,79)
```
#255f5d
```
#255f5d rgb(37,95,93)
```
#2b6d6b
```
#2b6d6b rgb(43,109,107)
```
#307c79
```
#307c79 rgb(48,124,121)
```
#368a87
```
#368a87 rgb(54,138,135)
```
#3b9894
```
#3b9894 rgb(59,152,148)
```
#41a6a2
```
#41a6a2 rgb(65,166,162)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```

Shade Color Variation

#52bcb8
```
#52bcb8 rgb(82,188,184)
```
#60c1be
```
#60c1be rgb(96,193,190)
```
#6ec7c3
```
#6ec7c3 rgb(110,199,195)
```
#7cccc9
```
#7cccc9 rgb(124,204,201)
```
#8ad2cf
```
#8ad2cf rgb(138,210,207)
```
#99d7d5
```
#99d7d5 rgb(153,215,213)
```
#a7dddb
```
#a7dddb rgb(167,221,219)
```
#b5e2e0
```
#b5e2e0 rgb(181,226,224)
```
#c3e8e6
```
#c3e8e6 rgb(195,232,230)
```
#d1edec
```
#d1edec rgb(209,237,236)
```
#dff3f2
```
#dff3f2 rgb(223,243,242)
```
#edf8f8
```
#edf8f8 rgb(237,248,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#768483
```
#768483 rgb(118,132,131)
```
#6c8e8c
```
#6c8e8c rgb(108,142,140)
```
#639795
```
#639795 rgb(99,151,149)
```
#59a19e
```
#59a19e rgb(89,161,158)
```
#50aaa7
```
#50aaa7 rgb(80,170,167)
```
#46b4b0
```
#46b4b0 rgb(70,180,176)
```
#3cbeb9
```
#3cbeb9 rgb(60,190,185)
```
#33c7c2
```
#33c7c2 rgb(51,199,194)
```
#29d1cb
```
#29d1cb rgb(41,209,203)
```
#20dad4
```
#20dad4 rgb(32,218,212)
```
#16e4dd
```
#16e4dd rgb(22,228,221)
```
#0ceee5
```
#0ceee5 rgb(12,238,229)
```
#03f7ee
```
#03f7ee rgb(3,247,238)
```

Tone Color Variation

Below, you can see how #46b4b0 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

#939393 Achromatopsia 0.005% of the population
#849a99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa7ab Protanopia 1% of men
#afa4bb Deuteranopia 1% of men
#57b5c2 Tritanopia 0.001% of the population

Trichromacy

#86acac Protanomaly 1% of men, 0.01% of women
#88aab7 Deuteranomaly 6% of men, 0.4% of women
#51b5bb Tritanomaly 0.01% of the population

#46b4b0 hex color

#46b4b0 Color Information

#46b4b0 Color Conversion

Color Schemes with #46b4b0

Alternatives to #46b4b0

#46b4b0 Preview

Shades and Tints of #46b4b0

Tones of #46b4b0

Color Blindness Simulator