#2d7fea hex color

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

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

● #2d7fea color description : Bright blue.

The hexadecimal color #2d7fea has RGB values of R:45, G:127, B:234 and CMYK values of C:0.81, M:0.46, Y:0, K:0.08. Its decimal value is 2981866.

Hex triplet	2d7fea	`#2d7fea`
RGB Decimal	45, 127, 234	`rgb(45,127,234)`
RGB Percent	17.6, 49.8, 91.8	`rgb(17.6%,49.8%,91.8%)`
CMYK	81, 46, 0, 8
HSL	214°, 81.8, 54.7	`hsl(214,81.8%,54.7%)`
HSV (or HSB)	214°, 80.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.681, 13.558, -60.917
XYZ	23.519, 21.675, 80.782
xyY	0.187, 0.172, 21.675
CIE-LCH	53.681, 62.408, 282.548
CIE-LUV	53.681, -26.974, -96.479
Hunter-Lab	46.557, 8.701, -70.286
Binary	00101101, 01111111, 11101010

#2d7fea
```
#2d7fea rgb(45,127,234)
```
#ea982d
```
#ea982d rgb(234,152,45)
```

Complementary Color

#2ddeea
```
#2ddeea rgb(45,222,234)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#392dea
```
#392dea rgb(57,45,234)
```

Analogous Color

#deea2d
```
#deea2d rgb(222,234,45)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#ea392d
```
#ea392d rgb(234,57,45)
```

Split Complementary Color

#7fea2d
```
#7fea2d rgb(127,234,45)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#ea2d7f
```
#ea2d7f rgb(234,45,127)
```

Triadic Color

#2dea98
```
#2dea98 rgb(45,234,152)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#ea2d7f
```
#ea2d7f rgb(234,45,127)
```
#ea982d
```
#ea982d rgb(234,152,45)
```

Tetradic Color

#125ab8
```
#125ab8 rgb(18,90,184)
```
#1566cf
```
#1566cf rgb(21,102,207)
```
#1771e6
```
#1771e6 rgb(23,113,230)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#448dec
```
#448dec rgb(68,141,236)
```
#5b9bef
```
#5b9bef rgb(91,155,239)
```
#73a9f1
```
#73a9f1 rgb(115,169,241)
```

Monochromatic Color

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

#2daeea
```
#2daeea rgb(45,174,234)
```
#2d9fea
```
#2d9fea rgb(45,159,234)
```
#2d8fea
```
#2d8fea rgb(45,143,234)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#2d6fea
```
#2d6fea rgb(45,111,234)
```
#2d60ea
```
#2d60ea rgb(45,96,234)
```
#2d50ea
```
#2d50ea rgb(45,80,234)
```

Similar Colors

Text with hexadecimal color #2d7fea

This text has a font color of #2d7fea.

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

#2d7fea background color

This paragraph has a background color of #2d7fea.

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

#2d7fea border color

This element has a border color of #2d7fea.

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

CSS codes

.text {color:#2d7fea;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020b16
```
#020b16 rgb(2,11,22)
```
#041328
```
#041328 rgb(4,19,40)
```
#061c39
```
#061c39 rgb(6,28,57)
```
#08254b
```
#08254b rgb(8,37,75)
```
#092e5d
```
#092e5d rgb(9,46,93)
```
#0b366f
```
#0b366f rgb(11,54,111)
```
#0d3f81
```
#0d3f81 rgb(13,63,129)
```
#0f4893
```
#0f4893 rgb(15,72,147)
```
#1051a4
```
#1051a4 rgb(16,81,164)
```
#1259b6
```
#1259b6 rgb(18,89,182)
```
#1462c8
```
#1462c8 rgb(20,98,200)
```
#166bda
```
#166bda rgb(22,107,218)
```

Shade Color Variation

#1b74e8
```
#1b74e8 rgb(27,116,232)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#3f8aec
```
#3f8aec rgb(63,138,236)
```
#5195ee
```
#5195ee rgb(81,149,238)
```
#62a0ef
```
#62a0ef rgb(98,160,239)
```
#74aaf1
```
#74aaf1 rgb(116,170,241)
```
#86b5f3
```
#86b5f3 rgb(134,181,243)
```
#98c0f5
```
#98c0f5 rgb(152,192,245)
```
#aacbf6
```
#aacbf6 rgb(170,203,246)
```
#bcd6f8
```
#bcd6f8 rgb(188,214,248)
```
#cde1fa
```
#cde1fa rgb(205,225,250)
```
#dfecfc
```
#dfecfc rgb(223,236,252)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#868b91
```
#868b91 rgb(134,139,145)
```
#7d8a9a
```
#7d8a9a rgb(125,138,154)
```
#7488a3
```
#7488a3 rgb(116,136,163)
```
#6b87ac
```
#6b87ac rgb(107,135,172)
```
#6286b5
```
#6286b5 rgb(98,134,181)
```
#5985be
```
#5985be rgb(89,133,190)
```
#5184c6
```
#5184c6 rgb(81,132,198)
```
#4883cf
```
#4883cf rgb(72,131,207)
```
#3f81d8
```
#3f81d8 rgb(63,129,216)
```
#3680e1
```
#3680e1 rgb(54,128,225)
```
#2d7fea
```
#2d7fea rgb(45,127,234)
```
#247ef3
```
#247ef3 rgb(36,126,243)
```
#1b7dfc
```
#1b7dfc rgb(27,125,252)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#65758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e83e9 Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#4281e9 Protanomaly 1% of men, 0.01% of women
#1085e6 Deuteranomaly 6% of men, 0.4% of women
#108cb9 Tritanomaly 0.01% of the population

#2d7fea hex color

#2d7fea Color Information

#2d7fea Color Conversion

Color Schemes with #2d7fea

Alternatives to #2d7fea

#2d7fea Preview

Shades and Tints of #2d7fea

Tones of #2d7fea

Color Blindness Simulator