#2d7efd hex color

In a RGB color space, hex #2d7efd is composed of 17.6% red, 49.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 50.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.6 degrees, a saturation of 98.1% and a lightness of 58.4%. #2d7efd color hex could be obtained by blending #5afcff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 49
- B 99
RGB color chart
- C 82
- M 50
- Y 0
- K 1
CMYK color chart

● #2d7efd color description : Bright blue.

The hexadecimal color #2d7efd has RGB values of R:45, G:126, B:253 and CMYK values of C:0.82, M:0.5, Y:0, K:0.01. Its decimal value is 2981629.

Hex triplet	2d7efd	`#2d7efd`
RGB Decimal	45, 126, 253	`rgb(45,126,253)`
RGB Percent	17.6, 49.4, 99.2	`rgb(17.6%,49.4%,99.2%)`
CMYK	82, 50, 0, 1
HSL	216.6°, 98.1, 58.4	`hsl(216.6,98.1%,58.4%)`
HSV (or HSB)	216.6°, 82.2, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.626, 21.267, -69.94
XYZ	26.269, 22.569, 95.895
xyY	0.181, 0.156, 22.569
CIE-LCH	54.626, 73.102, 286.914
CIE-LUV	54.626, -26.136, -111.514
Hunter-Lab	47.507, 15.563, -86.424
Binary	00101101, 01111110, 11111101

#2d7efd
```
#2d7efd rgb(45,126,253)
```
#fdac2d
```
#fdac2d rgb(253,172,45)
```

Complementary Color

#2de6fd
```
#2de6fd rgb(45,230,253)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#442dfd
```
#442dfd rgb(68,45,253)
```

Analogous Color

#e6fd2d
```
#e6fd2d rgb(230,253,45)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#fd442d
```
#fd442d rgb(253,68,45)
```

Split Complementary Color

#7efd2d
```
#7efd2d rgb(126,253,45)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#fd2d7e
```
#fd2d7e rgb(253,45,126)
```

Triadic Color

#2dfdac
```
#2dfdac rgb(45,253,172)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#fd2d7e
```
#fd2d7e rgb(253,45,126)
```
#fdac2d
```
#fdac2d rgb(253,172,45)
```

Tetradic Color

#0257db
```
#0257db rgb(2,87,219)
```
#0261f5
```
#0261f5 rgb(2,97,245)
```
#146efd
```
#146efd rgb(20,110,253)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#468efd
```
#468efd rgb(70,142,253)
```
#609dfd
```
#609dfd rgb(96,157,253)
```
#79adfe
```
#79adfe rgb(121,173,254)
```

Monochromatic Color

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

#2db2fd
```
#2db2fd rgb(45,178,253)
```
#2da1fd
```
#2da1fd rgb(45,161,253)
```
#2d8ffd
```
#2d8ffd rgb(45,143,253)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#2d6dfd
```
#2d6dfd rgb(45,109,253)
```
#2d5bfd
```
#2d5bfd rgb(45,91,253)
```
#2d4afd
```
#2d4afd rgb(45,74,253)
```

Similar Colors

Text with hexadecimal color #2d7efd

This text has a font color of #2d7efd.

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

#2d7efd background color

This paragraph has a background color of #2d7efd.

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

#2d7efd border color

This element has a border color of #2d7efd.

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

CSS codes

.text {color:#2d7efd;}

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

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

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 #eff5ff is the lightest one.

#000104
```
#000104 rgb(0,1,4)
```
#000917
```
#000917 rgb(0,9,23)
```
#00112b
```
#00112b rgb(0,17,43)
```
#01193e
```
#01193e rgb(1,25,62)
```
#012051
```
#012051 rgb(1,32,81)
```
#012865
```
#012865 rgb(1,40,101)
```
#013078
```
#013078 rgb(1,48,120)
```
#01378c
```
#01378c rgb(1,55,140)
```
#023f9f
```
#023f9f rgb(2,63,159)
```
#0247b3
```
#0247b3 rgb(2,71,179)
```
#024ec6
```
#024ec6 rgb(2,78,198)
```
#0256d9
```
#0256d9 rgb(2,86,217)
```
#025eed
```
#025eed rgb(2,94,237)
```

Shade Color Variation

#0666fd
```
#0666fd rgb(6,102,253)
```
#1a72fd
```
#1a72fd rgb(26,114,253)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```
#408afd
```
#408afd rgb(64,138,253)
```
#5496fd
```
#5496fd rgb(84,150,253)
```
#67a2fe
```
#67a2fe rgb(103,162,254)
```
#7baefe
```
#7baefe rgb(123,174,254)
```
#8ebafe
```
#8ebafe rgb(142,186,254)
```
#a2c6fe
```
#a2c6fe rgb(162,198,254)
```
#b5d2fe
```
#b5d2fe rgb(181,210,254)
```
#c8ddfe
```
#c8ddfe rgb(200,221,254)
```
#dce9ff
```
#dce9ff rgb(220,233,255)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f949b is the less saturated color, while #2d7efd is the most saturated one.

#8f949b
```
#8f949b rgb(143,148,155)
```
#8792a3
```
#8792a3 rgb(135,146,163)
```
#7f90ab
```
#7f90ab rgb(127,144,171)
```
#768eb4
```
#768eb4 rgb(118,142,180)
```
#6e8cbc
```
#6e8cbc rgb(110,140,188)
```
#668bc4
```
#668bc4 rgb(102,139,196)
```
#5e89cc
```
#5e89cc rgb(94,137,204)
```
#5687d4
```
#5687d4 rgb(86,135,212)
```
#4e85dc
```
#4e85dc rgb(78,133,220)
```
#4583e5
```
#4583e5 rgb(69,131,229)
```
#3d82ed
```
#3d82ed rgb(61,130,237)
```
#3580f5
```
#3580f5 rgb(53,128,245)
```
#2d7efd
```
#2d7efd rgb(45,126,253)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#66768f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3285fd Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3082fd Protanomaly 1% of men, 0.01% of women
#1086ee Deuteranomaly 6% of men, 0.4% of women
#108dc1 Tritanomaly 0.01% of the population

#2d7efd hex color

#2d7efd Color Information

#2d7efd Color Conversion

Color Schemes with #2d7efd

Alternatives to #2d7efd

#2d7efd Preview

Shades and Tints of #2d7efd

Tones of #2d7efd

Color Blindness Simulator