#2d7de9 hex color

In a RGB color space, hex #2d7de9 is composed of 17.6% red, 49% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 46.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 214.5 degrees, a saturation of 81% and a lightness of 54.5%. #2d7de9 color hex could be obtained by blending #5afaff with #0000d3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 49
- B 91
RGB color chart
- C 81
- M 46
- Y 0
- K 9
CMYK color chart

● #2d7de9 color description : Bright blue.

The hexadecimal color #2d7de9 has RGB values of R:45, G:125, B:233 and CMYK values of C:0.81, M:0.46, Y:0, K:0.09. Its decimal value is 2981353.

Hex triplet	2d7de9	`#2d7de9`
RGB Decimal	45, 125, 233	`rgb(45,125,233)`
RGB Percent	17.6, 49, 91.4	`rgb(17.6%,49%,91.4%)`
CMYK	81, 46, 0, 9
HSL	214.5°, 81, 54.5	`hsl(214.5,81%,54.5%)`
HSV (or HSB)	214.5°, 80.7, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.066, 14.424, -61.348
XYZ	23.12, 21.106, 79.942
xyY	0.186, 0.17, 21.106
CIE-LCH	53.066, 63.021, 283.231
CIE-LUV	53.066, -26.395, -96.969
Hunter-Lab	45.942, 9.433, -71.009
Binary	00101101, 01111101, 11101001

#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#e9992d
```
#e9992d rgb(233,153,45)
```

Complementary Color

#2ddbe9
```
#2ddbe9 rgb(45,219,233)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#3b2de9
```
#3b2de9 rgb(59,45,233)
```

Analogous Color

#dbe92d
```
#dbe92d rgb(219,233,45)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#e93b2d
```
#e93b2d rgb(233,59,45)
```

Split Complementary Color

#7de92d
```
#7de92d rgb(125,233,45)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#e92d7d
```
#e92d7d rgb(233,45,125)
```

Triadic Color

#2de999
```
#2de999 rgb(45,233,153)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#e92d7d
```
#e92d7d rgb(233,45,125)
```
#e9992d
```
#e9992d rgb(233,153,45)
```

Tetradic Color

#1359b6
```
#1359b6 rgb(19,89,182)
```
#1664cd
```
#1664cd rgb(22,100,205)
```
#186fe5
```
#186fe5 rgb(24,111,229)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#448beb
```
#448beb rgb(68,139,235)
```
#5b9aee
```
#5b9aee rgb(91,154,238)
```
#72a8f0
```
#72a8f0 rgb(114,168,240)
```

Monochromatic Color

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

#2dace9
```
#2dace9 rgb(45,172,233)
```
#2d9ce9
```
#2d9ce9 rgb(45,156,233)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#2d6de9
```
#2d6de9 rgb(45,109,233)
```
#2d5ee9
```
#2d5ee9 rgb(45,94,233)
```
#2d4ee9
```
#2d4ee9 rgb(45,78,233)
```

Similar Colors

Text with hexadecimal color #2d7de9

This text has a font color of #2d7de9.

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

#2d7de9 background color

This paragraph has a background color of #2d7de9.

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

#2d7de9 border color

This element has a border color of #2d7de9.

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

CSS codes

.text {color:#2d7de9;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020a15
```
#020a15 rgb(2,10,21)
```
#041327
```
#041327 rgb(4,19,39)
```
#061b38
```
#061b38 rgb(6,27,56)
```
#08244a
```
#08244a rgb(8,36,74)
```
#0a2d5c
```
#0a2d5c rgb(10,45,92)
```
#0b356e
```
#0b356e rgb(11,53,110)
```
#0d3e7f
```
#0d3e7f rgb(13,62,127)
```
#0f4691
```
#0f4691 rgb(15,70,145)
```
#114fa3
```
#114fa3 rgb(17,79,163)
```
#1358b5
```
#1358b5 rgb(19,88,181)
```
#1560c6
```
#1560c6 rgb(21,96,198)
```
#1769d8
```
#1769d8 rgb(23,105,216)
```

Shade Color Variation

#1b72e7
```
#1b72e7 rgb(27,114,231)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#3f88eb
```
#3f88eb rgb(63,136,235)
```
#5193ed
```
#5193ed rgb(81,147,237)
```
#629eef
```
#629eef rgb(98,158,239)
```
#74a9f0
```
#74a9f0 rgb(116,169,240)
```
#86b4f2
```
#86b4f2 rgb(134,180,242)
```
#98bff4
```
#98bff4 rgb(152,191,244)
```
#a9caf6
```
#a9caf6 rgb(169,202,246)
```
#bbd5f8
```
#bbd5f8 rgb(187,213,248)
```
#cde0fa
```
#cde0fa rgb(205,224,250)
```
#dfebfc
```
#dfebfc rgb(223,235,252)
```
#f0f6fd
```
#f0f6fd rgb(240,246,253)
```

Tint Color Variation

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

#868a90
```
#868a90 rgb(134,138,144)
```
#7d8999
```
#7d8999 rgb(125,137,153)
```
#7488a2
```
#7488a2 rgb(116,136,162)
```
#6b86ab
```
#6b86ab rgb(107,134,171)
```
#6385b3
```
#6385b3 rgb(99,133,179)
```
#5a84bc
```
#5a84bc rgb(90,132,188)
```
#5182c5
```
#5182c5 rgb(81,130,197)
```
#4881ce
```
#4881ce rgb(72,129,206)
```
#3f80d7
```
#3f80d7 rgb(63,128,215)
```
#367ee0
```
#367ee0 rgb(54,126,224)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#247cf2
```
#247cf2 rgb(36,124,242)
```
#1b7afb
```
#1b7afb rgb(27,122,251)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#637389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a82e8 Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#3f80e8 Protanomaly 1% of men, 0.01% of women
#1083e3 Deuteranomaly 6% of men, 0.4% of women
#108ab7 Tritanomaly 0.01% of the population

#2d7de9 hex color

#2d7de9 Color Information

#2d7de9 Color Conversion

Color Schemes with #2d7de9

Alternatives to #2d7de9

#2d7de9 Preview

Shades and Tints of #2d7de9

Tones of #2d7de9

Color Blindness Simulator