#2d93b4 hex color

In a RGB color space, hex #2d93b4 is composed of 17.6% red, 57.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 18.3% magenta, 0% yellow and 29.4% black. It has a hue angle of 194.7 degrees, a saturation of 60% and a lightness of 44.1%. #2d93b4 color hex could be obtained by blending #5affff with #002769. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 58
- B 71
RGB color chart
- C 75
- M 18
- Y 0
- K 29
CMYK color chart

● #2d93b4 color description : Strong cyan.

The hexadecimal color #2d93b4 has RGB values of R:45, G:147, B:180 and CMYK values of C:0.75, M:0.18, Y:0, K:0.29. Its decimal value is 2986932.

Hex triplet	2d93b4	`#2d93b4`
RGB Decimal	45, 147, 180	`rgb(45,147,180)`
RGB Percent	17.6, 57.6, 70.6	`rgb(17.6%,57.6%,70.6%)`
CMYK	75, 18, 0, 29
HSL	194.7°, 60, 44.1	`hsl(194.7,60%,44.1%)`
HSV (or HSB)	194.7°, 75, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.8, -17.635, -25.533
XYZ	19.752, 24.719, 46.908
xyY	0.216, 0.271, 24.719
CIE-LCH	56.8, 31.031, 235.369
CIE-LUV	56.8, -36.272, -36.607
Hunter-Lab	49.718, -16.092, -21.136
Binary	00101101, 10010011, 10110100

#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#b44e2d
```
#b44e2d rgb(180,78,45)
```

Complementary Color

#2db492
```
#2db492 rgb(45,180,146)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#2d50b4
```
#2d50b4 rgb(45,80,180)
```

Analogous Color

#b4922d
```
#b4922d rgb(180,146,45)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#b42d50
```
#b42d50 rgb(180,45,80)
```

Split Complementary Color

#93b42d
```
#93b42d rgb(147,180,45)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#b42d93
```
#b42d93 rgb(180,45,147)
```

Triadic Color

#2db44e
```
#2db44e rgb(45,180,78)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#b42d93
```
#b42d93 rgb(180,45,147)
```
#b44e2d
```
#b44e2d rgb(180,78,45)
```

Tetradic Color

#1e6177
```
#1e6177 rgb(30,97,119)
```
#23728b
```
#23728b rgb(35,114,139)
```
#2882a0
```
#2882a0 rgb(40,130,160)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#32a4c8
```
#32a4c8 rgb(50,164,200)
```
#44aed0
```
#44aed0 rgb(68,174,208)
```
#58b7d5
```
#58b7d5 rgb(88,183,213)
```

Monochromatic Color

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

#2db4b3
```
#2db4b3 rgb(45,180,179)
```
#2daab4
```
#2daab4 rgb(45,170,180)
```
#2d9eb4
```
#2d9eb4 rgb(45,158,180)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#2d88b4
```
#2d88b4 rgb(45,136,180)
```
#2d7db4
```
#2d7db4 rgb(45,125,180)
```
#2d71b4
```
#2d71b4 rgb(45,113,180)
```

Similar Colors

Text with hexadecimal color #2d93b4

This text has a font color of #2d93b4.

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

#2d93b4 background color

This paragraph has a background color of #2d93b4.

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

#2d93b4 border color

This element has a border color of #2d93b4.

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

CSS codes

.text {color:#2d93b4;}

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

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

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 #f7fbfd is the lightest one.

#020607
```
#020607 rgb(2,6,7)
```
#061317
```
#061317 rgb(6,19,23)
```
#0a2027
```
#0a2027 rgb(10,32,39)
```
#0e2c36
```
#0e2c36 rgb(14,44,54)
```
#123946
```
#123946 rgb(18,57,70)
```
#154656
```
#154656 rgb(21,70,86)
```
#195366
```
#195366 rgb(25,83,102)
```
#1d6075
```
#1d6075 rgb(29,96,117)
```
#216d85
```
#216d85 rgb(33,109,133)
```
#257995
```
#257995 rgb(37,121,149)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#31a0c4
```
#31a0c4 rgb(49,160,196)
```

Shade Color Variation

#3aaace
```
#3aaace rgb(58,170,206)
```
#4ab1d2
```
#4ab1d2 rgb(74,177,210)
```
#5ab7d6
```
#5ab7d6 rgb(90,183,214)
```
#69beda
```
#69beda rgb(105,190,218)
```
#79c5de
```
#79c5de rgb(121,197,222)
```
#89cce1
```
#89cce1 rgb(137,204,225)
```
#99d3e5
```
#99d3e5 rgb(153,211,229)
```
#a8d9e9
```
#a8d9e9 rgb(168,217,233)
```
#b8e0ed
```
#b8e0ed rgb(184,224,237)
```
#c8e7f1
```
#c8e7f1 rgb(200,231,241)
```
#d7eef5
```
#d7eef5 rgb(215,238,245)
```
#e7f5f9
```
#e7f5f9 rgb(231,245,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7477 is the less saturated color, while #02a9df is the most saturated one.

#6a7477
```
#6a7477 rgb(106,116,119)
```
#617880
```
#617880 rgb(97,120,128)
```
#587d89
```
#587d89 rgb(88,125,137)
```
#508191
```
#508191 rgb(80,129,145)
```
#47869a
```
#47869a rgb(71,134,154)
```
#3e8aa3
```
#3e8aa3 rgb(62,138,163)
```
#368fab
```
#368fab rgb(54,143,171)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#2497bd
```
#2497bd rgb(36,151,189)
```
#1c9cc5
```
#1c9cc5 rgb(28,156,197)
```
#13a0ce
```
#13a0ce rgb(19,160,206)
```
#0aa5d7
```
#0aa5d7 rgb(10,165,215)
```
#02a9df
```
#02a9df rgb(2,169,223)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#697d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858db0 Protanopia 1% of men
#7f8cbc Deuteranopia 1% of men
#259ba7 Tritanopia 0.001% of the population

Trichromacy

#658fb1 Protanomaly 1% of men, 0.01% of women
#618fb9 Deuteranomaly 6% of men, 0.4% of women
#2798ab Tritanomaly 0.01% of the population

#2d93b4 hex color

#2d93b4 Color Information

#2d93b4 Color Conversion

Color Schemes with #2d93b4

Alternatives to #2d93b4

#2d93b4 Preview

Shades and Tints of #2d93b4

Tones of #2d93b4

Color Blindness Simulator