#2d5fea hex color

In a RGB color space, hex #2d5fea is composed of 17.6% red, 37.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 59.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 224.1 degrees, a saturation of 81.8% and a lightness of 54.7%. #2d5fea color hex could be obtained by blending #5abeff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 37
- B 92
RGB color chart
- C 81
- M 59
- Y 0
- K 8
CMYK color chart

● #2d5fea color description : Bright blue.

The hexadecimal color #2d5fea has RGB values of R:45, G:95, B:234 and CMYK values of C:0.81, M:0.59, Y:0, K:0.08. Its decimal value is 2973674.

Hex triplet	2d5fea	`#2d5fea`
RGB Decimal	45, 95, 234	`rgb(45,95,234)`
RGB Percent	17.6, 37.3, 91.8	`rgb(17.6%,37.3%,91.8%)`
CMYK	81, 59, 0, 8
HSL	224.1°, 81.8, 54.7	`hsl(224.1,81.8%,54.7%)`
HSV (or HSB)	224.1°, 80.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.195, 33.737, -74.674
XYZ	20.023, 14.681, 79.616
xyY	0.175, 0.128, 14.681
CIE-LCH	45.195, 81.941, 294.313
CIE-LUV	45.195, -18.019, -113.122
Hunter-Lab	38.316, 26.224, -96.375
Binary	00101101, 01011111, 11101010

#2d5fea
```
#2d5fea rgb(45,95,234)
```
#eab82d
```
#eab82d rgb(234,184,45)
```

Complementary Color

#2dbeea
```
#2dbeea rgb(45,190,234)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#592dea
```
#592dea rgb(89,45,234)
```

Analogous Color

#beea2d
```
#beea2d rgb(190,234,45)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#ea592d
```
#ea592d rgb(234,89,45)
```

Split Complementary Color

#5fea2d
```
#5fea2d rgb(95,234,45)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#ea2d5f
```
#ea2d5f rgb(234,45,95)
```

Triadic Color

#2deab8
```
#2deab8 rgb(45,234,184)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#ea2d5f
```
#ea2d5f rgb(234,45,95)
```
#eab82d
```
#eab82d rgb(234,184,45)
```

Tetradic Color

#123eb8
```
#123eb8 rgb(18,62,184)
```
#1546cf
```
#1546cf rgb(21,70,207)
```
#174ee6
```
#174ee6 rgb(23,78,230)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#4471ec
```
#4471ec rgb(68,113,236)
```
#5b82ef
```
#5b82ef rgb(91,130,239)
```
#7394f1
```
#7394f1 rgb(115,148,241)
```

Monochromatic Color

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

#2d8eea
```
#2d8eea rgb(45,142,234)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#2d6fea
```
#2d6fea rgb(45,111,234)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#2d4fea
```
#2d4fea rgb(45,79,234)
```
#2d40ea
```
#2d40ea rgb(45,64,234)
```
#2d30ea
```
#2d30ea rgb(45,48,234)
```

Similar Colors

Text with hexadecimal color #2d5fea

This text has a font color of #2d5fea.

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

#2d5fea background color

This paragraph has a background color of #2d5fea.

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

#2d5fea border color

This element has a border color of #2d5fea.

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

CSS codes

.text {color:#2d5fea;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020716
```
#020716 rgb(2,7,22)
```
#040d28
```
#040d28 rgb(4,13,40)
```
#061339
```
#061339 rgb(6,19,57)
```
#08194b
```
#08194b rgb(8,25,75)
```
#091f5d
```
#091f5d rgb(9,31,93)
```
#0b266f
```
#0b266f rgb(11,38,111)
```
#0d2c81
```
#0d2c81 rgb(13,44,129)
```
#0f3293
```
#0f3293 rgb(15,50,147)
```
#1038a4
```
#1038a4 rgb(16,56,164)
```
#123eb6
```
#123eb6 rgb(18,62,182)
```
#1444c8
```
#1444c8 rgb(20,68,200)
```
#164ada
```
#164ada rgb(22,74,218)
```

Shade Color Variation

#1b51e8
```
#1b51e8 rgb(27,81,232)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#3f6dec
```
#3f6dec rgb(63,109,236)
```
#517aee
```
#517aee rgb(81,122,238)
```
#6288ef
```
#6288ef rgb(98,136,239)
```
#7495f1
```
#7495f1 rgb(116,149,241)
```
#86a3f3
```
#86a3f3 rgb(134,163,243)
```
#98b1f5
```
#98b1f5 rgb(152,177,245)
```
#aabef6
```
#aabef6 rgb(170,190,246)
```
#bcccf8
```
#bcccf8 rgb(188,204,248)
```
#cdd9fa
```
#cdd9fa rgb(205,217,250)
```
#dfe7fc
```
#dfe7fc rgb(223,231,252)
```
#f1f4fe
```
#f1f4fe rgb(241,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868991 is the less saturated color, while #1b57fc is the most saturated one.

#868991
```
#868991 rgb(134,137,145)
```
#7d859a
```
#7d859a rgb(125,133,154)
```
#7480a3
```
#7480a3 rgb(116,128,163)
```
#6b7cac
```
#6b7cac rgb(107,124,172)
```
#6278b5
```
#6278b5 rgb(98,120,181)
```
#5974be
```
#5974be rgb(89,116,190)
```
#5170c6
```
#5170c6 rgb(81,112,198)
```
#486ccf
```
#486ccf rgb(72,108,207)
```
#3f67d8
```
#3f67d8 rgb(63,103,216)
```
#3663e1
```
#3663e1 rgb(54,99,225)
```
#2d5fea
```
#2d5fea rgb(45,95,234)
```
#245bf3
```
#245bf3 rgb(36,91,243)
```
#1b57fc
```
#1b57fc rgb(27,87,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#56607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#1069df Protanomaly 1% of men, 0.01% of women
#106dcd Deuteranomaly 6% of men, 0.4% of women
#1072a9 Tritanomaly 0.01% of the population

#2d5fea hex color

#2d5fea Color Information

#2d5fea Color Conversion

Color Schemes with #2d5fea

Alternatives to #2d5fea

#2d5fea Preview

Shades and Tints of #2d5fea

Tones of #2d5fea

Color Blindness Simulator