#2a898f hex color

In a RGB color space, hex #2a898f is composed of 16.5% red, 53.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 4.2% magenta, 0% yellow and 43.9% black. It has a hue angle of 183.6 degrees, a saturation of 54.6% and a lightness of 36.3%. #2a898f color hex could be obtained by blending #54ffff with #00131f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 54
- B 56
RGB color chart
- C 71
- M 4
- Y 0
- K 44
CMYK color chart

● #2a898f color description : Dark cyan.

The hexadecimal color #2a898f has RGB values of R:42, G:137, B:143 and CMYK values of C:0.71, M:0.04, Y:0, K:0.44. Its decimal value is 2787727.

Hex triplet	2a898f	`#2a898f`
RGB Decimal	42, 137, 143	`rgb(42,137,143)`
RGB Percent	16.5, 53.7, 56.1	`rgb(16.5%,53.7%,56.1%)`
CMYK	71, 4, 0, 44
HSL	183.6°, 54.6, 36.3	`hsl(183.6,54.6%,36.3%)`
HSV (or HSB)	183.6°, 70.6, 56.1
Web Safe	339999	`#339999`

CIE-LAB	52.248, -24.832, -11.207
XYZ	14.857, 20.365, 29.133
xyY	0.231, 0.316, 20.365
CIE-LCH	52.248, 27.244, 204.291
CIE-LUV	52.248, -35.38, -12.776
Hunter-Lab	45.128, -20.209, -6.686
Binary	00101010, 10001001, 10001111

#2a898f
```
#2a898f rgb(42,137,143)
```
#8f302a
```
#8f302a rgb(143,48,42)
```

Complementary Color

#2a8f63
```
#2a8f63 rgb(42,143,99)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#2a578f
```
#2a578f rgb(42,87,143)
```

Analogous Color

#8f632a
```
#8f632a rgb(143,99,42)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#8f2a57
```
#8f2a57 rgb(143,42,87)
```

Split Complementary Color

#898f2a
```
#898f2a rgb(137,143,42)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#8f2a89
```
#8f2a89 rgb(143,42,137)
```

Triadic Color

#2a8f30
```
#2a8f30 rgb(42,143,48)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#8f2a89
```
#8f2a89 rgb(143,42,137)
```
#8f302a
```
#8f302a rgb(143,48,42)
```

Tetradic Color

#195054
```
#195054 rgb(25,80,84)
```
#1e6368
```
#1e6368 rgb(30,99,104)
```
#24767b
```
#24767b rgb(36,118,123)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#309ca3
```
#309ca3 rgb(48,156,163)
```
#36afb6
```
#36afb6 rgb(54,175,182)
```
#3fbfc7
```
#3fbfc7 rgb(63,191,199)
```

Monochromatic Color

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

#2a8f7c
```
#2a8f7c rgb(42,143,124)
```
#2a8f84
```
#2a8f84 rgb(42,143,132)
```
#2a8f8d
```
#2a8f8d rgb(42,143,141)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#2a818f
```
#2a818f rgb(42,129,143)
```
#2a788f
```
#2a788f rgb(42,120,143)
```
#2a708f
```
#2a708f rgb(42,112,143)
```

Similar Colors

Text with hexadecimal color #2a898f

This text has a font color of #2a898f.

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

#2a898f background color

This paragraph has a background color of #2a898f.

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

#2a898f border color

This element has a border color of #2a898f.

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

CSS codes

.text {color:#2a898f;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#061516
```
#061516 rgb(6,21,22)
```
#0b2325
```
#0b2325 rgb(11,35,37)
```
#0f3234
```
#0f3234 rgb(15,50,52)
```
#144043
```
#144043 rgb(20,64,67)
```
#184f52
```
#184f52 rgb(24,79,82)
```
#1d5d62
```
#1d5d62 rgb(29,93,98)
```
#216c71
```
#216c71 rgb(33,108,113)
```
#267a80
```
#267a80 rgb(38,122,128)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#2e989e
```
#2e989e rgb(46,152,158)
```
#33a6ad
```
#33a6ad rgb(51,166,173)
```
#37b5bc
```
#37b5bc rgb(55,181,188)
```

Shade Color Variation

#40bfc7
```
#40bfc7 rgb(64,191,199)
```
#50c4cb
```
#50c4cb rgb(80,196,203)
```
#5fc9d0
```
#5fc9d0 rgb(95,201,208)
```
#6eced4
```
#6eced4 rgb(110,206,212)
```
#7dd3d9
```
#7dd3d9 rgb(125,211,217)
```
#8cd8dd
```
#8cd8dd rgb(140,216,221)
```
#9bdee2
```
#9bdee2 rgb(155,222,226)
```
#abe3e6
```
#abe3e6 rgb(171,227,230)
```
#bae8eb
```
#bae8eb rgb(186,232,235)
```
#c9edef
```
#c9edef rgb(201,237,239)
```
#d8f2f4
```
#d8f2f4 rgb(216,242,244)
```
#e7f7f8
```
#e7f7f8 rgb(231,247,248)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5d5d is the less saturated color, while #06a8b3 is the most saturated one.

#5c5d5d
```
#5c5d5d rgb(92,93,93)
```
#556364
```
#556364 rgb(85,99,100)
```
#4e6a6b
```
#4e6a6b rgb(78,106,107)
```
#467073
```
#467073 rgb(70,112,115)
```
#3f767a
```
#3f767a rgb(63,118,122)
```
#387c81
```
#387c81 rgb(56,124,129)
```
#318388
```
#318388 rgb(49,131,136)
```
#2a898f
```
#2a898f rgb(42,137,143)
```
#238f96
```
#238f96 rgb(35,143,150)
```
#1c969d
```
#1c969d rgb(28,150,157)
```
#159ca4
```
#159ca4 rgb(21,156,164)
```
#0ea2ab
```
#0ea2ab rgb(14,162,171)
```
#06a8b3
```
#06a8b3 rgb(6,168,179)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#607374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82828d Protanopia 1% of men
#83809a Deuteranopia 1% of men
#388e98 Tritanopia 0.001% of the population

Trichromacy

#62848e Protanomaly 1% of men, 0.01% of women
#638396 Deuteranomaly 6% of men, 0.4% of women
#328c95 Tritanomaly 0.01% of the population

#2a898f hex color

#2a898f Color Information

#2a898f Color Conversion

Color Schemes with #2a898f

Alternatives to #2a898f

#2a898f Preview

Shades and Tints of #2a898f

Tones of #2a898f

Color Blindness Simulator