#2d6fe2 hex color

In a RGB color space, hex #2d6fe2 is composed of 17.6% red, 43.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 50.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 218.1 degrees, a saturation of 75.7% and a lightness of 53.1%. #2d6fe2 color hex could be obtained by blending #5adeff with #0000c5. Closest websafe color is: #3366cc.

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

● #2d6fe2 color description : Bright blue.

The hexadecimal color #2d6fe2 has RGB values of R:45, G:111, B:226 and CMYK values of C:0.8, M:0.51, Y:0, K:0.11. Its decimal value is 2977762.

Hex triplet	2d6fe2	`#2d6fe2`
RGB Decimal	45, 111, 226	`rgb(45,111,226)`
RGB Percent	17.6, 43.5, 88.6	`rgb(17.6%,43.5%,88.6%)`
CMYK	80, 51, 0, 11
HSL	218.1°, 75.7, 53.1	`hsl(218.1,75.7%,53.1%)`
HSV (or HSB)	218.1°, 80.1, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.78, 20.585, -64.332
XYZ	20.491, 17.416, 74.229
xyY	0.183, 0.155, 17.416
CIE-LCH	48.78, 67.546, 287.743
CIE-LUV	48.78, -22.415, -99.936
Hunter-Lab	41.733, 14.613, -76.245
Binary	00101101, 01101111, 11100010

#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#e2a02d
```
#e2a02d rgb(226,160,45)
```

Complementary Color

#2dcae2
```
#2dcae2 rgb(45,202,226)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#462de2
```
#462de2 rgb(70,45,226)
```

Analogous Color

#cae22d
```
#cae22d rgb(202,226,45)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#e2462d
```
#e2462d rgb(226,70,45)
```

Split Complementary Color

#6fe22d
```
#6fe22d rgb(111,226,45)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#e22d6f
```
#e22d6f rgb(226,45,111)
```

Triadic Color

#2de2a0
```
#2de2a0 rgb(45,226,160)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#e22d6f
```
#e22d6f rgb(226,45,111)
```
#e2a02d
```
#e2a02d rgb(226,160,45)
```

Tetradic Color

#184dab
```
#184dab rgb(24,77,171)
```
#1b57c1
```
#1b57c1 rgb(27,87,193)
```
#1e62d8
```
#1e62d8 rgb(30,98,216)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#437ee5
```
#437ee5 rgb(67,126,229)
```
#5a8ee8
```
#5a8ee8 rgb(90,142,232)
```
#709deb
```
#709deb rgb(112,157,235)
```

Monochromatic Color

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

#2d9ce2
```
#2d9ce2 rgb(45,156,226)
```
#2d8de2
```
#2d8de2 rgb(45,141,226)
```
#2d7ee2
```
#2d7ee2 rgb(45,126,226)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#2d60e2
```
#2d60e2 rgb(45,96,226)
```
#2d51e2
```
#2d51e2 rgb(45,81,226)
```
#2d42e2
```
#2d42e2 rgb(45,66,226)
```

Similar Colors

Text with hexadecimal color #2d6fe2

This text has a font color of #2d6fe2.

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

#2d6fe2 background color

This paragraph has a background color of #2d6fe2.

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

#2d6fe2 border color

This element has a border color of #2d6fe2.

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

CSS codes

.text {color:#2d6fe2;}

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

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

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, #02060e is the darkest color, while #fcfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#040e1f
```
#040e1f rgb(4,14,31)
```
#071631
```
#071631 rgb(7,22,49)
```
#091e42
```
#091e42 rgb(9,30,66)
```
#0b2653
```
#0b2653 rgb(11,38,83)
```
#0e2d64
```
#0e2d64 rgb(14,45,100)
```
#103575
```
#103575 rgb(16,53,117)
```
#133d87
```
#133d87 rgb(19,61,135)
```
#154598
```
#154598 rgb(21,69,152)
```
#174da9
```
#174da9 rgb(23,77,169)
```
#1a54ba
```
#1a54ba rgb(26,84,186)
```
#1c5ccc
```
#1c5ccc rgb(28,92,204)
```
#1f64dd
```
#1f64dd rgb(31,100,221)
```

Shade Color Variation

#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#3e7be4
```
#3e7be4 rgb(62,123,228)
```
#4f87e7
```
#4f87e7 rgb(79,135,231)
```
#6192e9
```
#6192e9 rgb(97,146,233)
```
#729eec
```
#729eec rgb(114,158,236)
```
#83aaee
```
#83aaee rgb(131,170,238)
```
#94b6f0
```
#94b6f0 rgb(148,182,240)
```
#a6c2f3
```
#a6c2f3 rgb(166,194,243)
```
#b7cef5
```
#b7cef5 rgb(183,206,245)
```
#c8d9f7
```
#c8d9f7 rgb(200,217,247)
```
#d9e5fa
```
#d9e5fa rgb(217,229,250)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80858f is the less saturated color, while #1168fe is the most saturated one.

#80858f
```
#80858f rgb(128,133,143)
```
#778398
```
#778398 rgb(119,131,152)
```
#6d80a2
```
#6d80a2 rgb(109,128,162)
```
#647eab
```
#647eab rgb(100,126,171)
```
#5b7bb4
```
#5b7bb4 rgb(91,123,180)
```
#5279bd
```
#5279bd rgb(82,121,189)
```
#4976c6
```
#4976c6 rgb(73,118,198)
```
#3f74d0
```
#3f74d0 rgb(63,116,208)
```
#3671d9
```
#3671d9 rgb(54,113,217)
```
#2d6fe2
```
#2d6fe2 rgb(45,111,226)
```
#246deb
```
#246deb rgb(36,109,235)
```
#1b6af4
```
#1b6af4 rgb(27,106,244)
```
#1168fe
```
#1168fe rgb(17,104,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a77e4 Protanopia 1% of men
#007dce Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#2b74e3 Protanomaly 1% of men, 0.01% of women
#1078d5 Deuteranomaly 6% of men, 0.4% of women
#107ead Tritanomaly 0.01% of the population

#2d6fe2 hex color

#2d6fe2 Color Information

#2d6fe2 Color Conversion

Color Schemes with #2d6fe2

Alternatives to #2d6fe2

#2d6fe2 Preview

Shades and Tints of #2d6fe2

Tones of #2d6fe2

Color Blindness Simulator