colorhexa.com

#2d97aa hex color

In a RGB color space, hex #2d97aa is composed of 17.6% red, 59.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 11.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 189.1 degrees, a saturation of 58.1% and a lightness of 42.2%. #2d97aa color hex could be obtained by blending #5affff with #002f55. Closest websafe color is: #339999.

- R 18
- G 59
- B 67
RGB color chart
- C 74
- M 11
- Y 0
- K 33
CMYK color chart

● #2d97aa color description : Dark cyan.

The hexadecimal color #2d97aa has RGB values of R:45, G:151, B:170 and CMYK values of C:0.74, M:0.11, Y:0, K:0.33. Its decimal value is 2987946.

Hex triplet	2d97aa	`#2d97aa`
RGB Decimal	45, 151, 170	`rgb(45,151,170)`
RGB Percent	17.6, 59.2, 66.7	`rgb(17.6%,59.2%,66.7%)`
CMYK	74, 11, 0, 33
HSL	189.1°, 58.1, 42.2	`hsl(189.1,58.1%,42.2%)`
HSV (or HSB)	189.1°, 73.5, 66.7
Web Safe	339999	`#339999`

CIE-LAB	57.647, -23.042, -18.547
XYZ	19.402, 25.592, 41.945
xyY	0.223, 0.294, 25.592
CIE-LCH	57.647, 29.579, 218.83
CIE-LUV	57.647, -38.341, -24.755
Hunter-Lab	50.588, -20.068, -13.748
Binary	00101101, 10010111, 10101010

#2d97aa
```
#2d97aa rgb(45,151,170)
```
#aa402d
```
#aa402d rgb(170,64,45)
```

Complementary Color

#2daa7f
```
#2daa7f rgb(45,170,127)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#2d59aa
```
#2d59aa rgb(45,89,170)
```

Analogous Color

#aa7f2d
```
#aa7f2d rgb(170,127,45)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#aa2d59
```
#aa2d59 rgb(170,45,89)
```

Split Complementary Color

#97aa2d
```
#97aa2d rgb(151,170,45)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#aa2d97
```
#aa2d97 rgb(170,45,151)
```

Triadic Color

#2daa40
```
#2daa40 rgb(45,170,64)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#aa2d97
```
#aa2d97 rgb(170,45,151)
```
#aa402d
```
#aa402d rgb(170,64,45)
```

Tetradic Color

#1d616e
```
#1d616e rgb(29,97,110)
```
#227382
```
#227382 rgb(34,115,130)
```
#288596
```
#288596 rgb(40,133,150)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#32a9be
```
#32a9be rgb(50,169,190)
```
#3eb6cc
```
#3eb6cc rgb(62,182,204)
```
#52bed1
```
#52bed1 rgb(82,190,209)
```

Monochromatic Color

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

#2daa9e
```
#2daa9e rgb(45,170,158)
```
#2daaa8
```
#2daaa8 rgb(45,170,168)
```
#2da1aa
```
#2da1aa rgb(45,161,170)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#2d8daa
```
#2d8daa rgb(45,141,170)
```
#2d82aa
```
#2d82aa rgb(45,130,170)
```
#2d78aa
```
#2d78aa rgb(45,120,170)
```

Similar Colors

Text with hexadecimal color #2d97aa

This text has a font color of #2d97aa.

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

#2d97aa background color

This paragraph has a background color of #2d97aa.

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

#2d97aa border color

This element has a border color of #2d97aa.

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

CSS codes

.text {color:#2d97aa;}

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

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

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

#040d0f
```
#040d0f rgb(4,13,15)
```
#081b1e
```
#081b1e rgb(8,27,30)
```
#0c292e
```
#0c292e rgb(12,41,46)
```
#10373d
```
#10373d rgb(16,55,61)
```
#14444d
```
#14444d rgb(20,68,77)
```
#18525c
```
#18525c rgb(24,82,92)
```
#1d606c
```
#1d606c rgb(29,96,108)
```
#216e7b
```
#216e7b rgb(33,110,123)
```
#257b8b
```
#257b8b rgb(37,123,139)
```
#29899a
```
#29899a rgb(41,137,154)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#31a5ba
```
#31a5ba rgb(49,165,186)
```
#35b3c9
```
#35b3c9 rgb(53,179,201)
```

Shade Color Variation

#44b9ce
```
#44b9ce rgb(68,185,206)
```
#54bfd2
```
#54bfd2 rgb(84,191,210)
```
#63c4d6
```
#63c4d6 rgb(99,196,214)
```
#73cada
```
#73cada rgb(115,202,218)
```
#82d0de
```
#82d0de rgb(130,208,222)
```
#92d6e2
```
#92d6e2 rgb(146,214,226)
```
#a1dce6
```
#a1dce6 rgb(161,220,230)
```
#b1e2ea
```
#b1e2ea rgb(177,226,234)
```
#c0e7ee
```
#c0e7ee rgb(192,231,238)
```
#d0edf3
```
#d0edf3 rgb(208,237,243)
```
#dff3f7
```
#dff3f7 rgb(223,243,247)
```
#eff9fb
```
#eff9fb rgb(239,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#676f70
```
#676f70 rgb(103,111,112)
```
#5f7478
```
#5f7478 rgb(95,116,120)
```
#567a81
```
#567a81 rgb(86,122,129)
```
#4e8089
```
#4e8089 rgb(78,128,137)
```
#468691
```
#468691 rgb(70,134,145)
```
#3e8b99
```
#3e8b99 rgb(62,139,153)
```
#3591a2
```
#3591a2 rgb(53,145,162)
```
#2d97aa
```
#2d97aa rgb(45,151,170)
```
#259db2
```
#259db2 rgb(37,157,178)
```
#1ca3bb
```
#1ca3bb rgb(28,163,187)
```
#14a8c3
```
#14a8c3 rgb(20,168,195)
```
#0caecb
```
#0caecb rgb(12,174,203)
```
#04b4d3
```
#04b4d3 rgb(4,180,211)
```

Tone Color Variation

Below, you can see how #2d97aa 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
#6a7f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8fa6 Protanopia 1% of men
#8a8eb3 Deuteranopia 1% of men
#329da8 Tritanopia 0.001% of the population

Trichromacy

#6992a7 Protanomaly 1% of men, 0.01% of women
#6891b0 Deuteranomaly 6% of men, 0.4% of women
#309ba9 Tritanomaly 0.01% of the population