#7ba1a0 hex color

In a RGB color space, hex #7ba1a0 is composed of 48.2% red, 63.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 0.6% yellow and 36.9% black. It has a hue angle of 178.4 degrees, a saturation of 16.8% and a lightness of 55.7%. #7ba1a0 color hex could be obtained by blending #f6ffff with #004341. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 48
- G 63
- B 63
RGB color chart
- C 24
- M 0
- Y 1
- K 37
CMYK color chart

● #7ba1a0 color description : Dark grayish cyan.

The hexadecimal color #7ba1a0 has RGB values of R:123, G:161, B:160 and CMYK values of C:0.24, M:0, Y:0.01, K:0.37. Its decimal value is 8102304.

Hex triplet	7ba1a0	`#7ba1a0`
RGB Decimal	123, 161, 160	`rgb(123,161,160)`
RGB Percent	48.2, 63.1, 62.7	`rgb(48.2%,63.1%,62.7%)`
CMYK	24, 0, 1, 37
HSL	178.4°, 16.8, 55.7	`hsl(178.4,16.8%,55.7%)`
HSV (or HSB)	178.4°, 23.6, 63.1
Web Safe	669999	`#669999`

CIE-LAB	63.539, -13.118, -3.727
XYZ	27.257, 32.238, 38.042
xyY	0.279, 0.331, 32.238
CIE-LCH	63.539, 13.637, 195.862
CIE-LUV	63.539, -19.314, -3.366
Hunter-Lab	56.778, -13.672, 0.02
Binary	01111011, 10100001, 10100000

#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#a17b7c
```
#a17b7c rgb(161,123,124)
```

Complementary Color

#7ba18d
```
#7ba18d rgb(123,161,141)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#7b8fa1
```
#7b8fa1 rgb(123,143,161)
```

Analogous Color

#a18d7b
```
#a18d7b rgb(161,141,123)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#a17b8f
```
#a17b8f rgb(161,123,143)
```

Split Complementary Color

#a1a07b
```
#a1a07b rgb(161,160,123)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#a07ba1
```
#a07ba1 rgb(160,123,161)
```

Triadic Color

#7ca17b
```
#7ca17b rgb(124,161,123)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#a07ba1
```
#a07ba1 rgb(160,123,161)
```
#a17b7c
```
#a17b7c rgb(161,123,124)
```

Tetradic Color

#567978
```
#567978 rgb(86,121,120)
```
#618887
```
#618887 rgb(97,136,135)
```
#6c9695
```
#6c9695 rgb(108,150,149)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#8aacab
```
#8aacab rgb(138,172,171)
```
#99b6b5
```
#99b6b5 rgb(153,182,181)
```
#a8c1c0
```
#a8c1c0 rgb(168,193,192)
```

Monochromatic Color

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

#7ba197
```
#7ba197 rgb(123,161,151)
```
#7ba19a
```
#7ba19a rgb(123,161,154)
```
#7ba19d
```
#7ba19d rgb(123,161,157)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#7b9fa1
```
#7b9fa1 rgb(123,159,161)
```
#7b9ca1
```
#7b9ca1 rgb(123,156,161)
```
#7b99a1
```
#7b99a1 rgb(123,153,161)
```

Similar Colors

Text with hexadecimal color #7ba1a0

This text has a font color of #7ba1a0.

<span style="color:#7ba1a0;">Text here</span>

#7ba1a0 background color

This paragraph has a background color of #7ba1a0.

<p style="background-color:#7ba1a0;">Content here</p>

#7ba1a0 border color

This element has a border color of #7ba1a0.

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

CSS codes

.text {color:#7ba1a0;}

.background {background-color:#7ba1a0;}

.border {border:1px solid #7ba1a0;}

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

#040505
```
#040505 rgb(4,5,5)
```
#0c1111
```
#0c1111 rgb(12,17,17)
```
#141c1c
```
#141c1c rgb(20,28,28)
```
#1c2828
```
#1c2828 rgb(28,40,40)
```
#253333
```
#253333 rgb(37,51,51)
```
#2d3f3e
```
#2d3f3e rgb(45,63,62)
```
#354a4a
```
#354a4a rgb(53,74,74)
```
#3d5655
```
#3d5655 rgb(61,86,85)
```
#456160
```
#456160 rgb(69,97,96)
```
#4d6d6c
```
#4d6d6c rgb(77,109,108)
```
#557877
```
#557877 rgb(85,120,119)
```
#5e8483
```
#5e8483 rgb(94,132,131)
```
#668f8e
```
#668f8e rgb(102,143,142)
```

Shade Color Variation

#709998
```
#709998 rgb(112,153,152)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#86a9a8
```
#86a9a8 rgb(134,169,168)
```
#92b1b0
```
#92b1b0 rgb(146,177,176)
```
#9db9b9
```
#9db9b9 rgb(157,185,185)
```
#a9c2c1
```
#a9c2c1 rgb(169,194,193)
```
#b4cac9
```
#b4cac9 rgb(180,202,201)
```
#c0d2d1
```
#c0d2d1 rgb(192,210,209)
```
#cbdada
```
#cbdada rgb(203,218,218)
```
#d7e2e2
```
#d7e2e2 rgb(215,226,226)
```
#e2eaea
```
#e2eaea rgb(226,234,234)
```
#eef3f2
```
#eef3f2 rgb(238,243,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9090 is the less saturated color, while #24f8f2 is the most saturated one.

#8c9090
```
#8c9090 rgb(140,144,144)
```
#849898
```
#849898 rgb(132,152,152)
```
#7ba1a0
```
#7ba1a0 rgb(123,161,160)
```
#72aaa8
```
#72aaa8 rgb(114,170,168)
```
#6ab2b0
```
#6ab2b0 rgb(106,178,176)
```
#61bbb9
```
#61bbb9 rgb(97,187,185)
```
#58c4c1
```
#58c4c1 rgb(88,196,193)
```
#50ccc9
```
#50ccc9 rgb(80,204,201)
```
#47d5d1
```
#47d5d1 rgb(71,213,209)
```
#3ededa
```
#3ededa rgb(62,222,218)
```
#35e7e2
```
#35e7e2 rgb(53,231,226)
```
#2defea
```
#2defea rgb(45,239,234)
```
#24f8f2
```
#24f8f2 rgb(36,248,242)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#919898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19ea0 Protanopia 1% of men
#a99aa8 Deuteranopia 1% of men
#84a4af Tritanopia 0.001% of the population

Trichromacy

#939fa0 Protanomaly 1% of men, 0.01% of women
#989da5 Deuteranomaly 6% of men, 0.4% of women
#81a2aa Tritanomaly 0.01% of the population

#7ba1a0 hex color

#7ba1a0 Color Information

#7ba1a0 Color Conversion

Color Schemes with #7ba1a0

Alternatives to #7ba1a0

#7ba1a0 Preview

Shades and Tints of #7ba1a0

Tones of #7ba1a0

Color Blindness Simulator