#2d5ae3 hex color

In a RGB color space, hex #2d5ae3 is composed of 17.6% red, 35.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 60.4% magenta, 0% yellow and 11% black. It has a hue angle of 225.2 degrees, a saturation of 76.5% and a lightness of 53.3%. #2d5ae3 color hex could be obtained by blending #5ab4ff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 35
- B 89
RGB color chart
- C 80
- M 60
- Y 0
- K 11
CMYK color chart

● #2d5ae3 color description : Bright blue.

The hexadecimal color #2d5ae3 has RGB values of R:45, G:90, B:227 and CMYK values of C:0.8, M:0.6, Y:0, K:0.11. Its decimal value is 2972387.

Hex triplet	2d5ae3	`#2d5ae3`
RGB Decimal	45, 90, 227	`rgb(45,90,227)`
RGB Percent	17.6, 35.3, 89	`rgb(17.6%,35.3%,89%)`
CMYK	80, 60, 0, 11
HSL	225.2°, 76.5, 53.3	`hsl(225.2,76.5%,53.3%)`
HSV (or HSB)	225.2°, 80.2, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.382, 34.334, -73.678
XYZ	18.601, 13.415, 74.278
xyY	0.175, 0.126, 13.415
CIE-LCH	43.382, 81.286, 294.986
CIE-LUV	43.382, -16.783, -110.305
Hunter-Lab	36.626, 26.555, -94.601
Binary	00101101, 01011010, 11100011

#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#e3b62d
```
#e3b62d rgb(227,182,45)
```

Complementary Color

#2db5e3
```
#2db5e3 rgb(45,181,227)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#5b2de3
```
#5b2de3 rgb(91,45,227)
```

Analogous Color

#b5e32d
```
#b5e32d rgb(181,227,45)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#e35b2d
```
#e35b2d rgb(227,91,45)
```

Split Complementary Color

#5ae32d
```
#5ae32d rgb(90,227,45)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#e32d5a
```
#e32d5a rgb(227,45,90)
```

Triadic Color

#2de3b6
```
#2de3b6 rgb(45,227,182)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#e32d5a
```
#e32d5a rgb(227,45,90)
```
#e3b62d
```
#e3b62d rgb(227,182,45)
```

Tetradic Color

#173cad
```
#173cad rgb(23,60,173)
```
#1a44c3
```
#1a44c3 rgb(26,68,195)
```
#1d4cda
```
#1d4cda rgb(29,76,218)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#446ce6
```
#446ce6 rgb(68,108,230)
```
#5a7de9
```
#5a7de9 rgb(90,125,233)
```
#718fec
```
#718fec rgb(113,143,236)
```

Monochromatic Color

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

#2d88e3
```
#2d88e3 rgb(45,136,227)
```
#2d78e3
```
#2d78e3 rgb(45,120,227)
```
#2d69e3
```
#2d69e3 rgb(45,105,227)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#2d4be3
```
#2d4be3 rgb(45,75,227)
```
#2d3ce3
```
#2d3ce3 rgb(45,60,227)
```
#2e2de3
```
#2e2de3 rgb(46,45,227)
```

Similar Colors

Text with hexadecimal color #2d5ae3

This text has a font color of #2d5ae3.

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

#2d5ae3 background color

This paragraph has a background color of #2d5ae3.

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

#2d5ae3 border color

This element has a border color of #2d5ae3.

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

CSS codes

.text {color:#2d5ae3;}

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

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

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, #02050f is the darkest color, while #fdfdff is the lightest one.

#02050f
```
#02050f rgb(2,5,15)
```
#040b20
```
#040b20 rgb(4,11,32)
```
#071132
```
#071132 rgb(7,17,50)
```
#091743
```
#091743 rgb(9,23,67)
```
#0b1d54
```
#0b1d54 rgb(11,29,84)
```
#0e2366
```
#0e2366 rgb(14,35,102)
```
#102977
```
#102977 rgb(16,41,119)
```
#122f88
```
#122f88 rgb(18,47,136)
```
#143599
```
#143599 rgb(20,53,153)
```
#173bab
```
#173bab rgb(23,59,171)
```
#1941bc
```
#1941bc rgb(25,65,188)
```
#1b47cd
```
#1b47cd rgb(27,71,205)
```
#1e4ddf
```
#1e4ddf rgb(30,77,223)
```

Shade Color Variation

#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#3e68e5
```
#3e68e5 rgb(62,104,229)
```
#5075e8
```
#5075e8 rgb(80,117,232)
```
#6183ea
```
#6183ea rgb(97,131,234)
```
#7290ec
```
#7290ec rgb(114,144,236)
```
#849eef
```
#849eef rgb(132,158,239)
```
#95acf1
```
#95acf1 rgb(149,172,241)
```
#a6b9f3
```
#a6b9f3 rgb(166,185,243)
```
#b7c7f5
```
#b7c7f5 rgb(183,199,245)
```
#c9d4f8
```
#c9d4f8 rgb(201,212,248)
```
#dae2fa
```
#dae2fa rgb(218,226,250)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#7f8491
```
#7f8491 rgb(127,132,145)
```
#767f9a
```
#767f9a rgb(118,127,154)
```
#6d7aa3
```
#6d7aa3 rgb(109,122,163)
```
#6476ac
```
#6476ac rgb(100,118,172)
```
#5b71b5
```
#5b71b5 rgb(91,113,181)
```
#526dbe
```
#526dbe rgb(82,109,190)
```
#4868c8
```
#4868c8 rgb(72,104,200)
```
#3f63d1
```
#3f63d1 rgb(63,99,209)
```
#365fda
```
#365fda rgb(54,95,218)
```
#2d5ae3
```
#2d5ae3 rgb(45,90,227)
```
#2455ec
```
#2455ec rgb(36,85,236)
```
#1b51f5
```
#1b51f5 rgb(27,81,245)
```
#124cfe
```
#124cfe rgb(18,76,254)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#1064d7 Protanomaly 1% of men, 0.01% of women
#1068c6 Deuteranomaly 6% of men, 0.4% of women
#106da3 Tritanomaly 0.01% of the population

#2d5ae3 hex color

#2d5ae3 Color Information

#2d5ae3 Color Conversion

Color Schemes with #2d5ae3

Alternatives to #2d5ae3

#2d5ae3 Preview

Shades and Tints of #2d5ae3

Tones of #2d5ae3

Color Blindness Simulator