#2d5cde hex color

In a RGB color space, hex #2d5cde is composed of 17.6% red, 36.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 58.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 224.1 degrees, a saturation of 72.8% and a lightness of 52.4%. #2d5cde color hex could be obtained by blending #5ab8ff with #0000bd. Closest websafe color is: #3366cc.

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

● #2d5cde color description : Bright blue.

The hexadecimal color #2d5cde has RGB values of R:45, G:92, B:222 and CMYK values of C:0.8, M:0.59, Y:0, K:0.13. Its decimal value is 2972894.

Hex triplet	2d5cde	`#2d5cde`
RGB Decimal	45, 92, 222	`rgb(45,92,222)`
RGB Percent	17.6, 36.1, 87.1	`rgb(17.6%,36.1%,87.1%)`
CMYK	80, 59, 0, 13
HSL	224.1°, 72.8, 52.4	`hsl(224.1,72.8%,52.4%)`
HSV (or HSB)	224.1°, 79.7, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.485, 31.217, -70.67
XYZ	18.091, 13.485, 70.753
xyY	0.177, 0.132, 13.485
CIE-LCH	43.485, 77.258, 293.832
CIE-LUV	43.485, -17.28, -106.168
Hunter-Lab	36.722, 23.678, -88.531
Binary	00101101, 01011100, 11011110

#2d5cde
```
#2d5cde rgb(45,92,222)
```
#deaf2d
```
#deaf2d rgb(222,175,45)
```

Complementary Color

#2db5de
```
#2db5de rgb(45,181,222)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#572dde
```
#572dde rgb(87,45,222)
```

Analogous Color

#b5de2d
```
#b5de2d rgb(181,222,45)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#de562d
```
#de562d rgb(222,86,45)
```

Split Complementary Color

#5cde2d
```
#5cde2d rgb(92,222,45)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#de2d5c
```
#de2d5c rgb(222,45,92)
```

Triadic Color

#2ddeaf
```
#2ddeaf rgb(45,222,175)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#de2d5c
```
#de2d5c rgb(222,45,92)
```
#deaf2d
```
#deaf2d rgb(222,175,45)
```

Tetradic Color

#1a3fa5
```
#1a3fa5 rgb(26,63,165)
```
#1d47bb
```
#1d47bb rgb(29,71,187)
```
#2150d1
```
#2150d1 rgb(33,80,209)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#436de1
```
#436de1 rgb(67,109,225)
```
#597ee5
```
#597ee5 rgb(89,126,229)
```
#6f8fe8
```
#6f8fe8 rgb(111,143,232)
```

Monochromatic Color

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

#2d88de
```
#2d88de rgb(45,136,222)
```
#2d7ade
```
#2d7ade rgb(45,122,222)
```
#2d6bde
```
#2d6bde rgb(45,107,222)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#2d4dde
```
#2d4dde rgb(45,77,222)
```
#2d3fde
```
#2d3fde rgb(45,63,222)
```
#2d30de
```
#2d30de rgb(45,48,222)
```

Similar Colors

Text with hexadecimal color #2d5cde

This text has a font color of #2d5cde.

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

#2d5cde background color

This paragraph has a background color of #2d5cde.

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

#2d5cde border color

This element has a border color of #2d5cde.

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

CSS codes

.text {color:#2d5cde;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#040a1b
```
#040a1b rgb(4,10,27)
```
#07112c
```
#07112c rgb(7,17,44)
```
#0a173d
```
#0a173d rgb(10,23,61)
```
#0c1e4e
```
#0c1e4e rgb(12,30,78)
```
#0f245f
```
#0f245f rgb(15,36,95)
```
#122b70
```
#122b70 rgb(18,43,112)
```
#143181
```
#143181 rgb(20,49,129)
```
#173892
```
#173892 rgb(23,56,146)
```
#1a3ea3
```
#1a3ea3 rgb(26,62,163)
```
#1c45b4
```
#1c45b4 rgb(28,69,180)
```
#1f4bc5
```
#1f4bc5 rgb(31,75,197)
```
#2251d6
```
#2251d6 rgb(34,81,214)
```

Shade Color Variation

#2d5cde
```
#2d5cde rgb(45,92,222)
```
#3e69e1
```
#3e69e1 rgb(62,105,225)
```
#4f76e3
```
#4f76e3 rgb(79,118,227)
```
#6083e6
```
#6083e6 rgb(96,131,230)
```
#7191e9
```
#7191e9 rgb(113,145,233)
```
#829eeb
```
#829eeb rgb(130,158,235)
```
#93abee
```
#93abee rgb(147,171,238)
```
#a4b8f1
```
#a4b8f1 rgb(164,184,241)
```
#b5c5f3
```
#b5c5f3 rgb(181,197,243)
```
#c6d2f6
```
#c6d2f6 rgb(198,210,246)
```
#d7e0f9
```
#d7e0f9 rgb(215,224,249)
```
#e7edfb
```
#e7edfb rgb(231,237,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#81838a
```
#81838a rgb(129,131,138)
```
#787f93
```
#787f93 rgb(120,127,147)
```
#6e7b9d
```
#6e7b9d rgb(110,123,157)
```
#6576a6
```
#6576a6 rgb(101,118,166)
```
#5c72af
```
#5c72af rgb(92,114,175)
```
#526eb9
```
#526eb9 rgb(82,110,185)
```
#4969c2
```
#4969c2 rgb(73,105,194)
```
#4065cb
```
#4065cb rgb(64,101,203)
```
#3660d5
```
#3660d5 rgb(54,96,213)
```
#2d5cde
```
#2d5cde rgb(45,92,222)
```
#2458e7
```
#2458e7 rgb(36,88,231)
```
#1a53f1
```
#1a53f1 rgb(26,83,241)
```
#114ffa
```
#114ffa rgb(17,79,250)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#535d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1065d6 Protanomaly 1% of men, 0.01% of women
#1069c5 Deuteranomaly 6% of men, 0.4% of women
#106ea2 Tritanomaly 0.01% of the population

#2d5cde hex color

#2d5cde Color Information

#2d5cde Color Conversion

Color Schemes with #2d5cde

Alternatives to #2d5cde

#2d5cde Preview

Shades and Tints of #2d5cde

Tones of #2d5cde

Color Blindness Simulator