#2d8293 hex color

In a RGB color space, hex #2d8293 is composed of 17.6% red, 51% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 11.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 190 degrees, a saturation of 53.1% and a lightness of 37.6%. #2d8293 color hex could be obtained by blending #5affff with #000527. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 51
- B 58
RGB color chart
- C 69
- M 12
- Y 0
- K 42
CMYK color chart

● #2d8293 color description : Dark moderate cyan.

The hexadecimal color #2d8293 has RGB values of R:45, G:130, B:147 and CMYK values of C:0.69, M:0.12, Y:0, K:0.42. Its decimal value is 2982547.

Hex triplet	2d8293	`#2d8293`
RGB Decimal	45, 130, 147	`rgb(45,130,147)`
RGB Percent	17.6, 51, 57.6	`rgb(17.6%,51%,57.6%)`
CMYK	69, 12, 0, 42
HSL	190°, 53.1, 37.6	`hsl(190,53.1%,37.6%)`
HSV (or HSB)	190°, 69.4, 57.6
Web Safe	339999	`#339999`

CIE-LAB	50.25, -19.443, -16.555
XYZ	14.33, 18.629, 30.443
xyY	0.226, 0.294, 18.629
CIE-LCH	50.25, 25.537, 220.413
CIE-LUV	50.25, -32.004, -21.532
Hunter-Lab	43.161, -16.268, -11.607
Binary	00101101, 10000010, 10010011

#2d8293
```
#2d8293 rgb(45,130,147)
```
#933e2d
```
#933e2d rgb(147,62,45)
```

Complementary Color

#2d9371
```
#2d9371 rgb(45,147,113)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#2d4f93
```
#2d4f93 rgb(45,79,147)
```

Analogous Color

#93712d
```
#93712d rgb(147,113,45)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#932d4f
```
#932d4f rgb(147,45,79)
```

Split Complementary Color

#82932d
```
#82932d rgb(130,147,45)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#932d82
```
#932d82 rgb(147,45,130)
```

Triadic Color

#2d933e
```
#2d933e rgb(45,147,62)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#932d82
```
#932d82 rgb(147,45,130)
```
#933e2d
```
#933e2d rgb(147,62,45)
```

Tetradic Color

#1b4e58
```
#1b4e58 rgb(27,78,88)
```
#215f6c
```
#215f6c rgb(33,95,108)
```
#27717f
```
#27717f rgb(39,113,127)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#3393a7
```
#3393a7 rgb(51,147,167)
```
#39a5ba
```
#39a5ba rgb(57,165,186)
```
#46b1c6
```
#46b1c6 rgb(70,177,198)
```

Monochromatic Color

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

#2d938b
```
#2d938b rgb(45,147,139)
```
#2d9393
```
#2d9393 rgb(45,147,147)
```
#2d8b93
```
#2d8b93 rgb(45,139,147)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#2d7a93
```
#2d7a93 rgb(45,122,147)
```
#2d7193
```
#2d7193 rgb(45,113,147)
```
#2d6993
```
#2d6993 rgb(45,105,147)
```

Similar Colors

Text with hexadecimal color #2d8293

This text has a font color of #2d8293.

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

#2d8293 background color

This paragraph has a background color of #2d8293.

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

#2d8293 border color

This element has a border color of #2d8293.

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

CSS codes

.text {color:#2d8293;}

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

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

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

#040a0c
```
#040a0c rgb(4,10,12)
```
#08181b
```
#08181b rgb(8,24,27)
```
#0d252a
```
#0d252a rgb(13,37,42)
```
#113239
```
#113239 rgb(17,50,57)
```
#164048
```
#164048 rgb(22,64,72)
```
#1b4d57
```
#1b4d57 rgb(27,77,87)
```
#1f5a66
```
#1f5a66 rgb(31,90,102)
```
#246775
```
#246775 rgb(36,103,117)
```
#287584
```
#287584 rgb(40,117,132)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#328fa2
```
#328fa2 rgb(50,143,162)
```
#369db1
```
#369db1 rgb(54,157,177)
```
#3baac0
```
#3baac0 rgb(59,170,192)
```

Shade Color Variation

#48b2c7
```
#48b2c7 rgb(72,178,199)
```
#57b8cb
```
#57b8cb rgb(87,184,203)
```
#66bed0
```
#66bed0 rgb(102,190,208)
```
#75c5d5
```
#75c5d5 rgb(117,197,213)
```
#84cbd9
```
#84cbd9 rgb(132,203,217)
```
#93d1de
```
#93d1de rgb(147,209,222)
```
#a2d8e2
```
#a2d8e2 rgb(162,216,226)
```
#b1dee7
```
#b1dee7 rgb(177,222,231)
```
#c0e4ec
```
#c0e4ec rgb(192,228,236)
```
#cfebf0
```
#cfebf0 rgb(207,235,240)
```
#def1f5
```
#def1f5 rgb(222,241,245)
```
#edf7f9
```
#edf7f9 rgb(237,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #596467 is the less saturated color, while #01a0bf is the most saturated one.

#596467
```
#596467 rgb(89,100,103)
```
#52696e
```
#52696e rgb(82,105,110)
```
#4b6e75
```
#4b6e75 rgb(75,110,117)
```
#43737d
```
#43737d rgb(67,115,125)
```
#3c7884
```
#3c7884 rgb(60,120,132)
```
#347d8c
```
#347d8c rgb(52,125,140)
```
#2d8293
```
#2d8293 rgb(45,130,147)
```
#26879a
```
#26879a rgb(38,135,154)
```
#1e8ca2
```
#1e8ca2 rgb(30,140,162)
```
#1791a9
```
#1791a9 rgb(23,145,169)
```
#0f96b1
```
#0f96b1 rgb(15,150,177)
```
#089bb8
```
#089bb8 rgb(8,155,184)
```
#01a0bf
```
#01a0bf rgb(1,160,191)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f7073 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7d91 Protanopia 1% of men
#797c9d Deuteranopia 1% of men
#348993 Tritanopia 0.001% of the population

Trichromacy

#5e7f92 Protanomaly 1% of men, 0.01% of women
#5d7e99 Deuteranomaly 6% of men, 0.4% of women
#318693 Tritanomaly 0.01% of the population

#2d8293 hex color

#2d8293 Color Information

#2d8293 Color Conversion

Color Schemes with #2d8293

Alternatives to #2d8293

#2d8293 Preview

Shades and Tints of #2d8293

Tones of #2d8293

Color Blindness Simulator