#2d97a8 hex color

In a RGB color space, hex #2d97a8 is composed of 17.6% red, 59.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 10.1% magenta, 0% yellow and 34.1% black. It has a hue angle of 188.3 degrees, a saturation of 57.7% and a lightness of 41.8%. #2d97a8 color hex could be obtained by blending #5affff with #002f51. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 59
- B 66
RGB color chart
- C 73
- M 10
- Y 0
- K 34
CMYK color chart

● #2d97a8 color description : Dark cyan.

The hexadecimal color #2d97a8 has RGB values of R:45, G:151, B:168 and CMYK values of C:0.73, M:0.1, Y:0, K:0.34. Its decimal value is 2987944.

Hex triplet	2d97a8	`#2d97a8`
RGB Decimal	45, 151, 168	`rgb(45,151,168)`
RGB Percent	17.6, 59.2, 65.9	`rgb(17.6%,59.2%,65.9%)`
CMYK	73, 10, 0, 34
HSL	188.3°, 57.7, 41.8	`hsl(188.3,57.7%,41.8%)`
HSV (or HSB)	188.3°, 73.2, 65.9
Web Safe	339999	`#339999`

CIE-LAB	57.575, -23.684, -17.518
XYZ	19.215, 25.517, 40.956
xyY	0.224, 0.298, 25.517
CIE-LCH	57.575, 29.459, 216.489
CIE-LUV	57.575, -38.468, -23.03
Hunter-Lab	50.514, -20.501, -12.712
Binary	00101101, 10010111, 10101000

#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#a83e2d
```
#a83e2d rgb(168,62,45)
```

Complementary Color

#2da87c
```
#2da87c rgb(45,168,124)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#2d5aa8
```
#2d5aa8 rgb(45,90,168)
```

Analogous Color

#a87c2d
```
#a87c2d rgb(168,124,45)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#a82d5a
```
#a82d5a rgb(168,45,90)
```

Split Complementary Color

#97a82d
```
#97a82d rgb(151,168,45)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#a82d97
```
#a82d97 rgb(168,45,151)
```

Triadic Color

#2da83e
```
#2da83e rgb(45,168,62)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#a82d97
```
#a82d97 rgb(168,45,151)
```
#a83e2d
```
#a83e2d rgb(168,62,45)
```

Tetradic Color

#1d616c
```
#1d616c rgb(29,97,108)
```
#227380
```
#227380 rgb(34,115,128)
```
#288594
```
#288594 rgb(40,133,148)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#32a9bc
```
#32a9bc rgb(50,169,188)
```
#3db7cb
```
#3db7cb rgb(61,183,203)
```
#51bfd0
```
#51bfd0 rgb(81,191,208)
```

Monochromatic Color

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

#2da89a
```
#2da89a rgb(45,168,154)
```
#2da8a5
```
#2da8a5 rgb(45,168,165)
```
#2da1a8
```
#2da1a8 rgb(45,161,168)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#2d8da8
```
#2d8da8 rgb(45,141,168)
```
#2d83a8
```
#2d83a8 rgb(45,131,168)
```
#2d78a8
```
#2d78a8 rgb(45,120,168)
```

Similar Colors

Text with hexadecimal color #2d97a8

This text has a font color of #2d97a8.

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

#2d97a8 background color

This paragraph has a background color of #2d97a8.

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

#2d97a8 border color

This element has a border color of #2d97a8.

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

CSS codes

.text {color:#2d97a8;}

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

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

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

#040c0d
```
#040c0d rgb(4,12,13)
```
#081a1d
```
#081a1d rgb(8,26,29)
```
#0c282c
```
#0c282c rgb(12,40,44)
```
#10363c
```
#10363c rgb(16,54,60)
```
#14444b
```
#14444b rgb(20,68,75)
```
#18515b
```
#18515b rgb(24,81,91)
```
#1c5f6a
```
#1c5f6a rgb(28,95,106)
```
#216d7a
```
#216d7a rgb(33,109,122)
```
#257b89
```
#257b89 rgb(37,123,137)
```
#298999
```
#298999 rgb(41,137,153)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#31a5b7
```
#31a5b7 rgb(49,165,183)
```
#35b3c7
```
#35b3c7 rgb(53,179,199)
```

Shade Color Variation

#43bacd
```
#43bacd rgb(67,186,205)
```
#53bfd1
```
#53bfd1 rgb(83,191,209)
```
#62c5d5
```
#62c5d5 rgb(98,197,213)
```
#72cbd9
```
#72cbd9 rgb(114,203,217)
```
#81d1dd
```
#81d1dd rgb(129,209,221)
```
#91d6e1
```
#91d6e1 rgb(145,214,225)
```
#a0dce6
```
#a0dce6 rgb(160,220,230)
```
#afe2ea
```
#afe2ea rgb(175,226,234)
```
#bfe7ee
```
#bfe7ee rgb(191,231,238)
```
#ceedf2
```
#ceedf2 rgb(206,237,242)
```
#def3f6
```
#def3f6 rgb(222,243,246)
```
#edf8fa
```
#edf8fa rgb(237,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666e6f is the less saturated color, while #04b5d1 is the most saturated one.

#666e6f
```
#666e6f rgb(102,110,111)
```
#5e7377
```
#5e7377 rgb(94,115,119)
```
#56797f
```
#56797f rgb(86,121,127)
```
#4e7f87
```
#4e7f87 rgb(78,127,135)
```
#46858f
```
#46858f rgb(70,133,143)
```
#3d8b98
```
#3d8b98 rgb(61,139,152)
```
#3591a0
```
#3591a0 rgb(53,145,160)
```
#2d97a8
```
#2d97a8 rgb(45,151,168)
```
#259db0
```
#259db0 rgb(37,157,176)
```
#1da3b8
```
#1da3b8 rgb(29,163,184)
```
#14a9c1
```
#14a9c1 rgb(20,169,193)
```
#0cafc9
```
#0cafc9 rgb(12,175,201)
```
#04b5d1
```
#04b5d1 rgb(4,181,209)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8fa4 Protanopia 1% of men
#8b8db2 Deuteranopia 1% of men
#349da8 Tritanopia 0.001% of the population

Trichromacy

#6992a5 Protanomaly 1% of men, 0.01% of women
#6891ae Deuteranomaly 6% of men, 0.4% of women
#319aa8 Tritanomaly 0.01% of the population

#2d97a8 hex color

#2d97a8 Color Information

#2d97a8 Color Conversion

Color Schemes with #2d97a8

Alternatives to #2d97a8

#2d97a8 Preview

Shades and Tints of #2d97a8

Tones of #2d97a8

Color Blindness Simulator