#2a788b hex color

In a RGB color space, hex #2a788b is composed of 16.5% red, 47.1% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 13.7% magenta, 0% yellow and 45.5% black. It has a hue angle of 191.8 degrees, a saturation of 53.6% and a lightness of 35.5%. #2a788b color hex could be obtained by blending #54f0ff with #000017. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 47
- B 55
RGB color chart
- C 70
- M 14
- Y 0
- K 45
CMYK color chart

● #2a788b color description : Dark moderate cyan.

The hexadecimal color #2a788b has RGB values of R:42, G:120, B:139 and CMYK values of C:0.7, M:0.14, Y:0, K:0.45. Its decimal value is 2783371.

Hex triplet	2a788b	`#2a788b`
RGB Decimal	42, 120, 139	`rgb(42,120,139)`
RGB Percent	16.5, 47.1, 54.5	`rgb(16.5%,47.1%,54.5%)`
CMYK	70, 14, 0, 45
HSL	191.8°, 53.6, 35.5	`hsl(191.8,53.6%,35.5%)`
HSV (or HSB)	191.8°, 69.8, 54.5
Web Safe	336699	`#336699`

CIE-LAB	46.695, -17.126, -17.279
XYZ	12.33, 15.788, 26.822
xyY	0.224, 0.287, 15.788
CIE-LCH	46.695, 24.328, 225.255
CIE-LUV	46.695, -29.266, -22.614
Hunter-Lab	39.734, -14.144, -12.209
Binary	00101010, 01111000, 10001011

#2a788b
```
#2a788b rgb(42,120,139)
```
#8b3d2a
```
#8b3d2a rgb(139,61,42)
```

Complementary Color

#2a8b6e
```
#2a8b6e rgb(42,139,110)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#2a488b
```
#2a488b rgb(42,72,139)
```

Analogous Color

#8b6e2a
```
#8b6e2a rgb(139,110,42)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#8b2a48
```
#8b2a48 rgb(139,42,72)
```

Split Complementary Color

#788b2a
```
#788b2a rgb(120,139,42)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#8b2a78
```
#8b2a78 rgb(139,42,120)
```

Triadic Color

#2a8b3d
```
#2a8b3d rgb(42,139,61)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#8b2a78
```
#8b2a78 rgb(139,42,120)
```
#8b3d2a
```
#8b3d2a rgb(139,61,42)
```

Tetradic Color

#184550
```
#184550 rgb(24,69,80)
```
#1e5664
```
#1e5664 rgb(30,86,100)
```
#246777
```
#246777 rgb(36,103,119)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#30899f
```
#30899f rgb(48,137,159)
```
#369ab2
```
#369ab2 rgb(54,154,178)
```
#3daac4
```
#3daac4 rgb(61,170,196)
```

Monochromatic Color

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

#2a8b86
```
#2a8b86 rgb(42,139,134)
```
#2a888b
```
#2a888b rgb(42,136,139)
```
#2a808b
```
#2a808b rgb(42,128,139)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#2a708b
```
#2a708b rgb(42,112,139)
```
#2a688b
```
#2a688b rgb(42,104,139)
```
#2a608b
```
#2a608b rgb(42,96,139)
```

Similar Colors

Text with hexadecimal color #2a788b

This text has a font color of #2a788b.

<span style="color:#2a788b;">Text here</span>

#2a788b background color

This paragraph has a background color of #2a788b.

<p style="background-color:#2a788b;">Content here</p>

#2a788b border color

This element has a border color of #2a788b.

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

CSS codes

.text {color:#2a788b;}

.background {background-color:#2a788b;}

.border {border:1px solid #2a788b;}

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

#010303
```
#010303 rgb(1,3,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0a1d22
```
#0a1d22 rgb(10,29,34)
```
#0f2a31
```
#0f2a31 rgb(15,42,49)
```
#133740
```
#133740 rgb(19,55,64)
```
#18444f
```
#18444f rgb(24,68,79)
```
#1c515e
```
#1c515e rgb(28,81,94)
```
#215e6d
```
#215e6d rgb(33,94,109)
```
#256b7c
```
#256b7c rgb(37,107,124)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#2f859a
```
#2f859a rgb(47,133,154)
```
#3392a9
```
#3392a9 rgb(51,146,169)
```
#389fb8
```
#389fb8 rgb(56,159,184)
```

Shade Color Variation

#3fabc5
```
#3fabc5 rgb(63,171,197)
```
#4eb1c9
```
#4eb1c9 rgb(78,177,201)
```
#5db8ce
```
#5db8ce rgb(93,184,206)
```
#6cbed3
```
#6cbed3 rgb(108,190,211)
```
#7bc5d7
```
#7bc5d7 rgb(123,197,215)
```
#8accdc
```
#8accdc rgb(138,204,220)
```
#99d2e0
```
#99d2e0 rgb(153,210,224)
```
#a8d9e5
```
#a8d9e5 rgb(168,217,229)
```
#b7dfe9
```
#b7dfe9 rgb(183,223,233)
```
#c6e6ee
```
#c6e6ee rgb(198,230,238)
```
#d5edf2
```
#d5edf2 rgb(213,237,242)
```
#e4f3f7
```
#e4f3f7 rgb(228,243,247)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545f61 is the less saturated color, while #0091b5 is the most saturated one.

#545f61
```
#545f61 rgb(84,95,97)
```
#4d6368
```
#4d6368 rgb(77,99,104)
```
#46676f
```
#46676f rgb(70,103,111)
```
#3f6b76
```
#3f6b76 rgb(63,107,118)
```
#38707d
```
#38707d rgb(56,112,125)
```
#317484
```
#317484 rgb(49,116,132)
```
#2a788b
```
#2a788b rgb(42,120,139)
```
#237c92
```
#237c92 rgb(35,124,146)
```
#1c8099
```
#1c8099 rgb(28,128,153)
```
#1585a0
```
#1585a0 rgb(21,133,160)
```
#0e89a7
```
#0e89a7 rgb(14,137,167)
```
#078dae
```
#078dae rgb(7,141,174)
```
#0091b5
```
#0091b5 rgb(0,145,181)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676b Atypical Achromatopsia 0.001% of the population

Dichromacy

#71758a Protanopia 1% of men
#6f7495 Deuteranopia 1% of men
#2f8089 Tritanopia 0.001% of the population

Trichromacy

#57768a Protanomaly 1% of men, 0.01% of women
#567591 Deuteranomaly 6% of men, 0.4% of women
#2d7d8a Tritanomaly 0.01% of the population

#2a788b hex color

#2a788b Color Information

#2a788b Color Conversion

Color Schemes with #2a788b

Alternatives to #2a788b

#2a788b Preview

Shades and Tints of #2a788b

Tones of #2a788b

Color Blindness Simulator