#2d93d6 hex color

In a RGB color space, hex #2d93d6 is composed of 17.6% red, 57.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 31.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 203.8 degrees, a saturation of 67.3% and a lightness of 50.8%. #2d93d6 color hex could be obtained by blending #5affff with #0027ad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 58
- B 84
RGB color chart
- C 79
- M 31
- Y 0
- K 16
CMYK color chart

● #2d93d6 color description : Strong blue.

The hexadecimal color #2d93d6 has RGB values of R:45, G:147, B:214 and CMYK values of C:0.79, M:0.31, Y:0, K:0.16. Its decimal value is 2986966.

Hex triplet	2d93d6	`#2d93d6`
RGB Decimal	45, 147, 214	`rgb(45,147,214)`
RGB Percent	17.6, 57.6, 83.9	`rgb(17.6%,57.6%,83.9%)`
CMYK	79, 31, 0, 16
HSL	203.8°, 67.3, 50.8	`hsl(203.8,67.3%,50.8%)`
HSV (or HSB)	203.8°, 79, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.3, -5.772, -42.38
XYZ	23.651, 26.278, 67.44
xyY	0.202, 0.224, 26.278
CIE-LCH	58.3, 42.771, 262.245
CIE-LUV	58.3, -34.327, -65.913
Hunter-Lab	51.262, -7.356, -42.118
Binary	00101101, 10010011, 11010110

#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#d6702d
```
#d6702d rgb(214,112,45)
```

Complementary Color

#2dd6c5
```
#2dd6c5 rgb(45,214,197)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#2d3fd6
```
#2d3fd6 rgb(45,63,214)
```

Analogous Color

#d6c52d
```
#d6c52d rgb(214,197,45)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#d62d3f
```
#d62d3f rgb(214,45,63)
```

Split Complementary Color

#93d62d
```
#93d62d rgb(147,214,45)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#d62d93
```
#d62d93 rgb(214,45,147)
```

Triadic Color

#2dd670
```
#2dd670 rgb(45,214,112)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#d62d93
```
#d62d93 rgb(214,45,147)
```
#d6702d
```
#d6702d rgb(214,112,45)
```

Tetradic Color

#1e6899
```
#1e6899 rgb(30,104,153)
```
#2277ae
```
#2277ae rgb(34,119,174)
```
#2685c3
```
#2685c3 rgb(38,133,195)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#429eda
```
#429eda rgb(66,158,218)
```
#58a9de
```
#58a9de rgb(88,169,222)
```
#6db4e2
```
#6db4e2 rgb(109,180,226)
```

Monochromatic Color

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

#2dbdd6
```
#2dbdd6 rgb(45,189,214)
```
#2dafd6
```
#2dafd6 rgb(45,175,214)
```
#2da1d6
```
#2da1d6 rgb(45,161,214)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#2d85d6
```
#2d85d6 rgb(45,133,214)
```
#2d77d6
```
#2d77d6 rgb(45,119,214)
```
#2d69d6
```
#2d69d6 rgb(45,105,214)
```

Similar Colors

Text with hexadecimal color #2d93d6

This text has a font color of #2d93d6.

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

#2d93d6 background color

This paragraph has a background color of #2d93d6.

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

#2d93d6 border color

This element has a border color of #2d93d6.

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

CSS codes

.text {color:#2d93d6;}

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

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

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, #010203 is the darkest color, while #f2f8fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#040d14
```
#040d14 rgb(4,13,20)
```
#071924
```
#071924 rgb(7,25,36)
```
#0a2435
```
#0a2435 rgb(10,36,53)
```
#0d2f45
```
#0d2f45 rgb(13,47,69)
```
#113a55
```
#113a55 rgb(17,58,85)
```
#144566
```
#144566 rgb(20,69,102)
```
#175176
```
#175176 rgb(23,81,118)
```
#1a5c87
```
#1a5c87 rgb(26,92,135)
```
#1d6797
```
#1d6797 rgb(29,103,151)
```
#2172a7
```
#2172a7 rgb(33,114,167)
```
#247db8
```
#247db8 rgb(36,125,184)
```
#2788c8
```
#2788c8 rgb(39,136,200)
```

Shade Color Variation

#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#3d9bd9
```
#3d9bd9 rgb(61,155,217)
```
#4ea4dc
```
#4ea4dc rgb(78,164,220)
```
#5eace0
```
#5eace0 rgb(94,172,224)
```
#6fb5e3
```
#6fb5e3 rgb(111,181,227)
```
#7fbde6
```
#7fbde6 rgb(127,189,230)
```
#8fc6e9
```
#8fc6e9 rgb(143,198,233)
```
#a0ceec
```
#a0ceec rgb(160,206,236)
```
#b0d7f0
```
#b0d7f0 rgb(176,215,240)
```
#c1dff3
```
#c1dff3 rgb(193,223,243)
```
#d1e7f6
```
#d1e7f6 rgb(209,231,246)
```
#e2f0f9
```
#e2f0f9 rgb(226,240,249)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8389 is the less saturated color, while #069bfd is the most saturated one.

#7a8389
```
#7a8389 rgb(122,131,137)
```
#718592
```
#718592 rgb(113,133,146)
```
#67879c
```
#67879c rgb(103,135,156)
```
#5d89a6
```
#5d89a6 rgb(93,137,166)
```
#548baf
```
#548baf rgb(84,139,175)
```
#4a8db9
```
#4a8db9 rgb(74,141,185)
```
#408fc3
```
#408fc3 rgb(64,143,195)
```
#3791cc
```
#3791cc rgb(55,145,204)
```
#2d93d6
```
#2d93d6 rgb(45,147,214)
```
#2395e0
```
#2395e0 rgb(35,149,224)
```
#1a97e9
```
#1a97e9 rgb(26,151,233)
```
#1099f3
```
#1099f3 rgb(16,153,243)
```
#069bfd
```
#069bfd rgb(6,155,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c818e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8fd1 Protanopia 1% of men
#6892da Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#5e91d3 Protanomaly 1% of men, 0.01% of women
#5292d9 Deuteranomaly 6% of men, 0.4% of women
#109bba Tritanomaly 0.01% of the population

#2d93d6 hex color

#2d93d6 Color Information

#2d93d6 Color Conversion

Color Schemes with #2d93d6

Alternatives to #2d93d6

#2d93d6 Preview

Shades and Tints of #2d93d6

Tones of #2d93d6

Color Blindness Simulator