#2d5fe0 hex color

In a RGB color space, hex #2d5fe0 is composed of 17.6% red, 37.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 57.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 223.2 degrees, a saturation of 74.3% and a lightness of 52.7%. #2d5fe0 color hex could be obtained by blending #5abeff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 37
- B 88
RGB color chart
- C 80
- M 58
- Y 0
- K 12
CMYK color chart

● #2d5fe0 color description : Bright blue.

The hexadecimal color #2d5fe0 has RGB values of R:45, G:95, B:224 and CMYK values of C:0.8, M:0.58, Y:0, K:0.12. Its decimal value is 2973664.

Hex triplet	2d5fe0	`#2d5fe0`
RGB Decimal	45, 95, 224	`rgb(45,95,224)`
RGB Percent	17.6, 37.3, 87.8	`rgb(17.6%,37.3%,87.8%)`
CMYK	80, 58, 0, 12
HSL	223.2°, 74.3, 52.7	`hsl(223.2,74.3%,52.7%)`
HSV (or HSB)	223.2°, 79.9, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.408, 30.042, -70.301
XYZ	18.626, 14.123, 72.261
xyY	0.177, 0.134, 14.123
CIE-LCH	44.408, 76.451, 293.139
CIE-LUV	44.408, -18.045, -106.309
Hunter-Lab	37.58, 22.706, -87.7
Binary	00101101, 01011111, 11100000

#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#e0ae2d
```
#e0ae2d rgb(224,174,45)
```

Complementary Color

#2db9e0
```
#2db9e0 rgb(45,185,224)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#552de0
```
#552de0 rgb(85,45,224)
```

Analogous Color

#b9e02d
```
#b9e02d rgb(185,224,45)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#e0542d
```
#e0542d rgb(224,84,45)
```

Split Complementary Color

#5fe02d
```
#5fe02d rgb(95,224,45)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#e02d5f
```
#e02d5f rgb(224,45,95)
```

Triadic Color

#2de0ae
```
#2de0ae rgb(45,224,174)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#e02d5f
```
#e02d5f rgb(224,45,95)
```
#e0ae2d
```
#e0ae2d rgb(224,174,45)
```

Tetradic Color

#1941a8
```
#1941a8 rgb(25,65,168)
```
#1c49be
```
#1c49be rgb(28,73,190)
```
#1f52d4
```
#1f52d4 rgb(31,82,212)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#4370e3
```
#4370e3 rgb(67,112,227)
```
#5981e7
```
#5981e7 rgb(89,129,231)
```
#7092ea
```
#7092ea rgb(112,146,234)
```

Monochromatic Color

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

#2d8ce0
```
#2d8ce0 rgb(45,140,224)
```
#2d7de0
```
#2d7de0 rgb(45,125,224)
```
#2d6ee0
```
#2d6ee0 rgb(45,110,224)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#2d50e0
```
#2d50e0 rgb(45,80,224)
```
#2d41e0
```
#2d41e0 rgb(45,65,224)
```
#2d32e0
```
#2d32e0 rgb(45,50,224)
```

Similar Colors

Text with hexadecimal color #2d5fe0

This text has a font color of #2d5fe0.

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

#2d5fe0 background color

This paragraph has a background color of #2d5fe0.

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

#2d5fe0 border color

This element has a border color of #2d5fe0.

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

CSS codes

.text {color:#2d5fe0;}

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

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

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

#02050c
```
#02050c rgb(2,5,12)
```
#040b1d
```
#040b1d rgb(4,11,29)
```
#07122e
```
#07122e rgb(7,18,46)
```
#09183f
```
#09183f rgb(9,24,63)
```
#0c1f51
```
#0c1f51 rgb(12,31,81)
```
#0e2662
```
#0e2662 rgb(14,38,98)
```
#112c73
```
#112c73 rgb(17,44,115)
```
#133384
```
#133384 rgb(19,51,132)
```
#163995
```
#163995 rgb(22,57,149)
```
#1940a6
```
#1940a6 rgb(25,64,166)
```
#1b47b7
```
#1b47b7 rgb(27,71,183)
```
#1e4dc8
```
#1e4dc8 rgb(30,77,200)
```
#2054d9
```
#2054d9 rgb(32,84,217)
```

Shade Color Variation

#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#3e6ce3
```
#3e6ce3 rgb(62,108,227)
```
#4f79e5
```
#4f79e5 rgb(79,121,229)
```
#6086e8
```
#6086e8 rgb(96,134,232)
```
#7193ea
```
#7193ea rgb(113,147,234)
```
#82a0ed
```
#82a0ed rgb(130,160,237)
```
#94adef
```
#94adef rgb(148,173,239)
```
#a5baf2
```
#a5baf2 rgb(165,186,242)
```
#b6c7f4
```
#b6c7f4 rgb(182,199,244)
```
#c7d4f7
```
#c7d4f7 rgb(199,212,247)
```
#d8e1f9
```
#d8e1f9 rgb(216,225,249)
```
#e9eefc
```
#e9eefc rgb(233,238,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80848d is the less saturated color, while #1153fc is the most saturated one.

#80848d
```
#80848d rgb(128,132,141)
```
#778096
```
#778096 rgb(119,128,150)
```
#6e7c9f
```
#6e7c9f rgb(110,124,159)
```
#6578a8
```
#6578a8 rgb(101,120,168)
```
#5b73b2
```
#5b73b2 rgb(91,115,178)
```
#526fbb
```
#526fbb rgb(82,111,187)
```
#496bc4
```
#496bc4 rgb(73,107,196)
```
#4067cd
```
#4067cd rgb(64,103,205)
```
#3663d7
```
#3663d7 rgb(54,99,215)
```
#2d5fe0
```
#2d5fe0 rgb(45,95,224)
```
#245be9
```
#245be9 rgb(36,91,233)
```
#1a57f3
```
#1a57f3 rgb(26,87,243)
```
#1153fc
```
#1153fc rgb(17,83,252)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#555f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1068d9 Protanomaly 1% of men, 0.01% of women
#106cc8 Deuteranomaly 6% of men, 0.4% of women
#1071a4 Tritanomaly 0.01% of the population

#2d5fe0 hex color

#2d5fe0 Color Information

#2d5fe0 Color Conversion

Color Schemes with #2d5fe0

Alternatives to #2d5fe0

#2d5fe0 Preview

Shades and Tints of #2d5fe0

Tones of #2d5fe0

Color Blindness Simulator