#2d96de hex color

In a RGB color space, hex #2d96de is composed of 17.6% red, 58.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 32.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 204.4 degrees, a saturation of 72.8% and a lightness of 52.4%. #2d96de color hex could be obtained by blending #5affff with #002dbd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 59
- B 87
RGB color chart
- C 80
- M 32
- Y 0
- K 13
CMYK color chart

● #2d96de color description : Bright blue.

The hexadecimal color #2d96de has RGB values of R:45, G:150, B:222 and CMYK values of C:0.8, M:0.32, Y:0, K:0.13. Its decimal value is 2987742.

Hex triplet	2d96de	`#2d96de`
RGB Decimal	45, 150, 222	`rgb(45,150,222)`
RGB Percent	17.6, 58.8, 87.1	`rgb(17.6%,58.8%,87.1%)`
CMYK	80, 32, 0, 13
HSL	204.4°, 72.8, 52.4	`hsl(204.4,72.8%,52.4%)`
HSV (or HSB)	204.4°, 79.7, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.564, -4.623, -44.852
XYZ	25.17, 27.642, 73.112
xyY	0.2, 0.22, 27.642
CIE-LCH	59.564, 45.09, 264.115
CIE-LUV	59.564, -34.918, -70.391
Hunter-Lab	52.576, -6.553, -45.646
Binary	00101101, 10010110, 11011110

#2d96de
```
#2d96de rgb(45,150,222)
```
#de752d
```
#de752d rgb(222,117,45)
```

Complementary Color

#2ddece
```
#2ddece rgb(45,222,206)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#2d3dde
```
#2d3dde rgb(45,61,222)
```

Analogous Color

#dece2d
```
#dece2d rgb(222,206,45)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#de2d3e
```
#de2d3e rgb(222,45,62)
```

Split Complementary Color

#96de2d
```
#96de2d rgb(150,222,45)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#de2d96
```
#de2d96 rgb(222,45,150)
```

Triadic Color

#2dde75
```
#2dde75 rgb(45,222,117)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#de2d96
```
#de2d96 rgb(222,45,150)
```
#de752d
```
#de752d rgb(222,117,45)
```

Tetradic Color

#1a6ca5
```
#1a6ca5 rgb(26,108,165)
```
#1d7bbb
```
#1d7bbb rgb(29,123,187)
```
#2189d1
```
#2189d1 rgb(33,137,209)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#43a1e1
```
#43a1e1 rgb(67,161,225)
```
#59ace5
```
#59ace5 rgb(89,172,229)
```
#6fb7e8
```
#6fb7e8 rgb(111,183,232)
```

Monochromatic Color

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

#2dc2de
```
#2dc2de rgb(45,194,222)
```
#2db4de
```
#2db4de rgb(45,180,222)
```
#2da5de
```
#2da5de rgb(45,165,222)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#2d87de
```
#2d87de rgb(45,135,222)
```
#2d79de
```
#2d79de rgb(45,121,222)
```
#2d6ade
```
#2d6ade rgb(45,106,222)
```

Similar Colors

Text with hexadecimal color #2d96de

This text has a font color of #2d96de.

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

#2d96de background color

This paragraph has a background color of #2d96de.

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

#2d96de border color

This element has a border color of #2d96de.

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

CSS codes

.text {color:#2d96de;}

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

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

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, #02070a is the darkest color, while #f8fcfe is the lightest one.

#02070a
```
#02070a rgb(2,7,10)
```
#04121b
```
#04121b rgb(4,18,27)
```
#071d2c
```
#071d2c rgb(7,29,44)
```
#0a283d
```
#0a283d rgb(10,40,61)
```
#0c334e
```
#0c334e rgb(12,51,78)
```
#0f3f5f
```
#0f3f5f rgb(15,63,95)
```
#124a70
```
#124a70 rgb(18,74,112)
```
#145581
```
#145581 rgb(20,85,129)
```
#176092
```
#176092 rgb(23,96,146)
```
#1a6ba3
```
#1a6ba3 rgb(26,107,163)
```
#1c76b4
```
#1c76b4 rgb(28,118,180)
```
#1f81c5
```
#1f81c5 rgb(31,129,197)
```
#228cd6
```
#228cd6 rgb(34,140,214)
```

Shade Color Variation

#2d96de
```
#2d96de rgb(45,150,222)
```
#3e9ee1
```
#3e9ee1 rgb(62,158,225)
```
#4fa7e3
```
#4fa7e3 rgb(79,167,227)
```
#60afe6
```
#60afe6 rgb(96,175,230)
```
#71b8e9
```
#71b8e9 rgb(113,184,233)
```
#82c0eb
```
#82c0eb rgb(130,192,235)
```
#93c9ee
```
#93c9ee rgb(147,201,238)
```
#a4d1f1
```
#a4d1f1 rgb(164,209,241)
```
#b5daf3
```
#b5daf3 rgb(181,218,243)
```
#c6e2f6
```
#c6e2f6 rgb(198,226,246)
```
#d7ebf9
```
#d7ebf9 rgb(215,235,249)
```
#e7f3fb
```
#e7f3fb rgb(231,243,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81868a is the less saturated color, while #119bfa is the most saturated one.

#81868a
```
#81868a rgb(129,134,138)
```
#788893
```
#788893 rgb(120,136,147)
```
#6e8a9d
```
#6e8a9d rgb(110,138,157)
```
#658ca6
```
#658ca6 rgb(101,140,166)
```
#5c8daf
```
#5c8daf rgb(92,141,175)
```
#528fb9
```
#528fb9 rgb(82,143,185)
```
#4991c2
```
#4991c2 rgb(73,145,194)
```
#4093cb
```
#4093cb rgb(64,147,203)
```
#3694d5
```
#3694d5 rgb(54,148,213)
```
#2d96de
```
#2d96de rgb(45,150,222)
```
#2498e7
```
#2498e7 rgb(36,152,231)
```
#1a99f1
```
#1a99f1 rgb(26,153,241)
```
#119bfa
```
#119bfa rgb(17,155,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a92d9 Protanopia 1% of men
#6695e2 Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5e94da Protanomaly 1% of men, 0.01% of women
#5195e0 Deuteranomaly 6% of men, 0.4% of women
#109ec0 Tritanomaly 0.01% of the population

#2d96de hex color

#2d96de Color Information

#2d96de Color Conversion

Color Schemes with #2d96de

Alternatives to #2d96de

#2d96de Preview

Shades and Tints of #2d96de

Tones of #2d96de

Color Blindness Simulator