colorhexa.com

#56baaf hex color

In a RGB color space, hex #56baaf is composed of 33.7% red, 72.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0% magenta, 5.9% yellow and 27.1% black. It has a hue angle of 173.4 degrees, a saturation of 42% and a lightness of 53.3%. #56baaf color hex could be obtained by blending #acffff with #00755f. Closest websafe color is: #66cc99.

- R 34
- G 73
- B 69
RGB color chart
- C 54
- M 0
- Y 6
- K 27
CMYK color chart

● #56baaf color description : Moderate cyan.

The hexadecimal color #56baaf has RGB values of R:86, G:186, B:175 and CMYK values of C:0.54, M:0, Y:0.06, K:0.27. Its decimal value is 5683887.

Hex triplet	56baaf	`#56baaf`
RGB Decimal	86, 186, 175	`rgb(86,186,175)`
RGB Percent	33.7, 72.9, 68.6	`rgb(33.7%,72.9%,68.6%)`
CMYK	54, 0, 6, 27
HSL	173.4°, 42, 53.3	`hsl(173.4,42%,53.3%)`
HSV (or HSB)	173.4°, 53.8, 72.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.604, -31.866, -3.318
XYZ	29.132, 40.189, 46.777
xyY	0.251, 0.346, 40.189
CIE-LCH	69.604, 32.038, 185.944
CIE-LUV	69.604, -42.487, 0.007
Hunter-Lab	63.395, -28.914, 0.628
Binary	01010110, 10111010, 10101111

#56baaf
```
#56baaf rgb(86,186,175)
```
#ba5661
```
#ba5661 rgb(186,86,97)
```

Complementary Color

#56ba7d
```
#56ba7d rgb(86,186,125)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#5693ba
```
#5693ba rgb(86,147,186)
```

Analogous Color

#ba7d56
```
#ba7d56 rgb(186,125,86)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#ba5693
```
#ba5693 rgb(186,86,147)
```

Split Complementary Color

#baaf56
```
#baaf56 rgb(186,175,86)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#af56ba
```
#af56ba rgb(175,86,186)
```

Triadic Color

#61ba56
```
#61ba56 rgb(97,186,86)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#af56ba
```
#af56ba rgb(175,86,186)
```
#ba5661
```
#ba5661 rgb(186,86,97)
```

Tetradic Color

#398b82
```
#398b82 rgb(57,139,130)
```
#409d93
```
#409d93 rgb(64,157,147)
```
#47afa4
```
#47afa4 rgb(71,175,164)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#68c1b8
```
#68c1b8 rgb(104,193,184)
```
#7ac9c0
```
#7ac9c0 rgb(122,201,192)
```
#8cd0c9
```
#8cd0c9 rgb(140,208,201)
```

Monochromatic Color

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

#56ba96
```
#56ba96 rgb(86,186,150)
```
#56ba9e
```
#56ba9e rgb(86,186,158)
```
#56baa7
```
#56baa7 rgb(86,186,167)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#56bab7
```
#56bab7 rgb(86,186,183)
```
#56b4ba
```
#56b4ba rgb(86,180,186)
```
#56acba
```
#56acba rgb(86,172,186)
```

Similar Colors

Text with hexadecimal color #56baaf

This text has a font color of #56baaf.

<span style="color:#56baaf;">Text here</span>

#56baaf background color

This paragraph has a background color of #56baaf.

<p style="background-color:#56baaf;">Content here</p>

#56baaf border color

This element has a border color of #56baaf.

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

CSS codes

.text {color:#56baaf;}

.background {background-color:#56baaf;}

.border {border:1px solid #56baaf;}

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, #050c0b is the darkest color, while #fdfefe is the lightest one.

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#102825
```
#102825 rgb(16,40,37)
```
#163632
```
#163632 rgb(22,54,50)
```
#1c443f
```
#1c443f rgb(28,68,63)
```
#21524c
```
#21524c rgb(33,82,76)
```
#276059
```
#276059 rgb(39,96,89)
```
#2d6e66
```
#2d6e66 rgb(45,110,102)
```
#327c73
```
#327c73 rgb(50,124,115)
```
#388980
```
#388980 rgb(56,137,128)
```
#3e978e
```
#3e978e rgb(62,151,142)
```
#43a59b
```
#43a59b rgb(67,165,155)
```
#49b3a8
```
#49b3a8 rgb(73,179,168)
```

Shade Color Variation

#56baaf
```
#56baaf rgb(86,186,175)
```
#64c0b6
```
#64c0b6 rgb(100,192,182)
```
#72c5bc
```
#72c5bc rgb(114,197,188)
```
#80cbc3
```
#80cbc3 rgb(128,203,195)
```
#8ed1c9
```
#8ed1c9 rgb(142,209,201)
```
#9cd6d0
```
#9cd6d0 rgb(156,214,208)
```
#aadcd7
```
#aadcd7 rgb(170,220,215)
```
#b8e2dd
```
#b8e2dd rgb(184,226,221)
```
#c5e7e4
```
#c5e7e4 rgb(197,231,228)
```
#d3edea
```
#d3edea rgb(211,237,234)
```
#e1f3f1
```
#e1f3f1 rgb(225,243,241)
```
#eff9f8
```
#eff9f8 rgb(239,249,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848c8b is the less saturated color, while #16fae1 is the most saturated one.

#848c8b
```
#848c8b rgb(132,140,139)
```
#7b9592
```
#7b9592 rgb(123,149,146)
```
#719f9a
```
#719f9a rgb(113,159,154)
```
#68a8a1
```
#68a8a1 rgb(104,168,161)
```
#5fb1a8
```
#5fb1a8 rgb(95,177,168)
```
#56baaf
```
#56baaf rgb(86,186,175)
```
#4dc3b6
```
#4dc3b6 rgb(77,195,182)
```
#44ccbd
```
#44ccbd rgb(68,204,189)
```
#3bd5c4
```
#3bd5c4 rgb(59,213,196)
```
#31dfcc
```
#31dfcc rgb(49,223,204)
```
#28e8d3
```
#28e8d3 rgb(40,232,211)
```
#1ff1da
```
#1ff1da rgb(31,241,218)
```
#16fae1
```
#16fae1 rgb(22,250,225)
```

Tone Color Variation

Below, you can see how #56baaf 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

#9b9b9b Achromatopsia 0.005% of the population
#8da19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2adaa Protanopia 1% of men
#b8a9ba Deuteranopia 1% of men
#67bac7 Tritanopia 0.001% of the population

Trichromacy

#90b2ac Protanomaly 1% of men, 0.01% of women
#94afb6 Deuteranomaly 6% of men, 0.4% of women
#61babe Tritanomaly 0.01% of the population