#2d98aa hex color

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

♥
- f
- t
- g
- R 18
- G 60
- B 67
RGB color chart
- C 74
- M 11
- Y 0
- K 33
CMYK color chart

● #2d98aa color description : Dark cyan.

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

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

CIE-LAB	57.956, -23.558, -18.076
XYZ	19.564, 25.915, 41.999
xyY	0.224, 0.296, 25.915
CIE-LCH	57.956, 29.694, 217.5
CIE-LUV	57.956, -38.704, -23.96
Hunter-Lab	50.907, -20.487, -13.281
Binary	00101101, 10011000, 10101010

#2d98aa
```
#2d98aa rgb(45,152,170)
```
#aa3f2d
```
#aa3f2d rgb(170,63,45)
```

Complementary Color

#2daa7e
```
#2daa7e rgb(45,170,126)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#2d5aaa
```
#2d5aaa rgb(45,90,170)
```

Analogous Color

#aa7e2d
```
#aa7e2d rgb(170,126,45)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#aa2d5a
```
#aa2d5a rgb(170,45,90)
```

Split Complementary Color

#98aa2d
```
#98aa2d rgb(152,170,45)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#aa2d98
```
#aa2d98 rgb(170,45,152)
```

Triadic Color

#2daa3f
```
#2daa3f rgb(45,170,63)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#aa2d98
```
#aa2d98 rgb(170,45,152)
```
#aa3f2d
```
#aa3f2d rgb(170,63,45)
```

Tetradic Color

#1d626e
```
#1d626e rgb(29,98,110)
```
#227482
```
#227482 rgb(34,116,130)
```
#288696
```
#288696 rgb(40,134,150)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#32aabe
```
#32aabe rgb(50,170,190)
```
#3eb8cc
```
#3eb8cc rgb(62,184,204)
```
#52bfd1
```
#52bfd1 rgb(82,191,209)
```

Monochromatic Color

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

#2daa9d
```
#2daa9d rgb(45,170,157)
```
#2daaa7
```
#2daaa7 rgb(45,170,167)
```
#2da2aa
```
#2da2aa rgb(45,162,170)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#2d8eaa
```
#2d8eaa rgb(45,142,170)
```
#2d83aa
```
#2d83aa rgb(45,131,170)
```
#2d79aa
```
#2d79aa rgb(45,121,170)
```

Similar Colors

Text with hexadecimal color #2d98aa

This text has a font color of #2d98aa.

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

#2d98aa background color

This paragraph has a background color of #2d98aa.

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

#2d98aa border color

This element has a border color of #2d98aa.

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

CSS codes

.text {color:#2d98aa;}

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

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

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)
```
#14454d
```
#14454d rgb(20,69,77)
```
#18535c
```
#18535c rgb(24,83,92)
```
#1d616c
```
#1d616c rgb(29,97,108)
```
#216e7b
```
#216e7b rgb(33,110,123)
```
#257c8b
```
#257c8b rgb(37,124,139)
```
#298a9a
```
#298a9a rgb(41,138,154)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#31a6ba
```
#31a6ba rgb(49,166,186)
```
#35b4c9
```
#35b4c9 rgb(53,180,201)
```

Shade Color Variation

#44bace
```
#44bace rgb(68,186,206)
```
#54c0d2
```
#54c0d2 rgb(84,192,210)
```
#63c5d6
```
#63c5d6 rgb(99,197,214)
```
#73cbda
```
#73cbda rgb(115,203,218)
```
#82d1de
```
#82d1de rgb(130,209,222)
```
#92d7e2
```
#92d7e2 rgb(146,215,226)
```
#a1dce6
```
#a1dce6 rgb(161,220,230)
```
#b1e2ea
```
#b1e2ea rgb(177,226,234)
```
#c0e8ee
```
#c0e8ee rgb(192,232,238)
```
#d0eef3
```
#d0eef3 rgb(208,238,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 #04b5d3 is the most saturated one.

#676f70
```
#676f70 rgb(103,111,112)
```
#5f7578
```
#5f7578 rgb(95,117,120)
```
#567b81
```
#567b81 rgb(86,123,129)
```
#4e8089
```
#4e8089 rgb(78,128,137)
```
#468691
```
#468691 rgb(70,134,145)
```
#3e8c99
```
#3e8c99 rgb(62,140,153)
```
#3592a2
```
#3592a2 rgb(53,146,162)
```
#2d98aa
```
#2d98aa rgb(45,152,170)
```
#259eb2
```
#259eb2 rgb(37,158,178)
```
#1ca4bb
```
#1ca4bb rgb(28,164,187)
```
#14aac3
```
#14aac3 rgb(20,170,195)
```
#0cb0cb
```
#0cb0cb rgb(12,176,203)
```
#04b5d3
```
#04b5d3 rgb(4,181,211)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b8084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c90a6 Protanopia 1% of men
#8b8eb3 Deuteranopia 1% of men
#339ea9 Tritanopia 0.001% of the population

Trichromacy

#6a93a7 Protanomaly 1% of men, 0.01% of women
#6992b0 Deuteranomaly 6% of men, 0.4% of women
#319ba9 Tritanomaly 0.01% of the population

#2d98aa hex color

#2d98aa Color Information

#2d98aa Color Conversion

Color Schemes with #2d98aa

Alternatives to #2d98aa

#2d98aa Preview

Shades and Tints of #2d98aa

Tones of #2d98aa

Color Blindness Simulator