#2d4efb hex color

In a RGB color space, hex #2d4efb is composed of 17.6% red, 30.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 68.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 230.4 degrees, a saturation of 96.3% and a lightness of 58%. #2d4efb color hex could be obtained by blending #5a9cff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 31
- B 98
RGB color chart
- C 82
- M 69
- Y 0
- K 2
CMYK color chart

● #2d4efb color description : Bright blue.

The hexadecimal color #2d4efb has RGB values of R:45, G:78, B:251 and CMYK values of C:0.82, M:0.69, Y:0, K:0.02. Its decimal value is 2969339.

Hex triplet	2d4efb	`#2d4efb`
RGB Decimal	45, 78, 251	`rgb(45,78,251)`
RGB Percent	17.6, 30.6, 98.4	`rgb(17.6%,30.6%,98.4%)`
CMYK	82, 69, 0, 2
HSL	230.4°, 96.3, 58	`hsl(230.4,96.3%,58%)`
HSV (or HSB)	230.4°, 82.1, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.718, 50.206, -88.281
XYZ	21.216, 12.97, 92.647
xyY	0.167, 0.102, 12.97
CIE-LCH	42.718, 101.559, 299.627
CIE-LUV	42.718, -14.412, -128.782
Hunter-Lab	36.014, 42.128, -127.315
Binary	00101101, 01001110, 11111011

#2d4efb
```
#2d4efb rgb(45,78,251)
```
#fbda2d
```
#fbda2d rgb(251,218,45)
```

Complementary Color

#2db5fb
```
#2db5fb rgb(45,181,251)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#732dfb
```
#732dfb rgb(115,45,251)
```

Analogous Color

#b5fb2d
```
#b5fb2d rgb(181,251,45)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#fb732d
```
#fb732d rgb(251,115,45)
```

Split Complementary Color

#4efb2d
```
#4efb2d rgb(78,251,45)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#fb2d4e
```
#fb2d4e rgb(251,45,78)
```

Triadic Color

#2dfbda
```
#2dfbda rgb(45,251,218)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#fb2d4e
```
#fb2d4e rgb(251,45,78)
```
#fbda2d
```
#fbda2d rgb(251,218,45)
```

Tetradic Color

#0426d7
```
#0426d7 rgb(4,38,215)
```
#052af0
```
#052af0 rgb(5,42,240)
```
#1439fb
```
#1439fb rgb(20,57,251)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#4663fb
```
#4663fb rgb(70,99,251)
```
#5f78fc
```
#5f78fc rgb(95,120,252)
```
#788dfc
```
#788dfc rgb(120,141,252)
```

Monochromatic Color

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

#2d82fb
```
#2d82fb rgb(45,130,251)
```
#2d70fb
```
#2d70fb rgb(45,112,251)
```
#2d5ffb
```
#2d5ffb rgb(45,95,251)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#2d3dfb
```
#2d3dfb rgb(45,61,251)
```
#2e2dfb
```
#2e2dfb rgb(46,45,251)
```
#3f2dfb
```
#3f2dfb rgb(63,45,251)
```

Similar Colors

Text with hexadecimal color #2d4efb

This text has a font color of #2d4efb.

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

#2d4efb background color

This paragraph has a background color of #2d4efb.

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

#2d4efb border color

This element has a border color of #2d4efb.

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

CSS codes

.text {color:#2d4efb;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#010728
```
#010728 rgb(1,7,40)
```
#010a3b
```
#010a3b rgb(1,10,59)
```
#010e4f
```
#010e4f rgb(1,14,79)
```
#021162
```
#021162 rgb(2,17,98)
```
#021575
```
#021575 rgb(2,21,117)
```
#031888
```
#031888 rgb(3,24,136)
```
#031b9c
```
#031b9c rgb(3,27,156)
```
#031faf
```
#031faf rgb(3,31,175)
```
#0422c2
```
#0422c2 rgb(4,34,194)
```
#0426d5
```
#0426d5 rgb(4,38,213)
```
#0429e9
```
#0429e9 rgb(4,41,233)
```

Shade Color Variation

#072efa
```
#072efa rgb(7,46,250)
```
#1a3efb
```
#1a3efb rgb(26,62,251)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```
#405efb
```
#405efb rgb(64,94,251)
```
#536efc
```
#536efc rgb(83,110,252)
```
#677ffc
```
#677ffc rgb(103,127,252)
```
#7a8ffc
```
#7a8ffc rgb(122,143,252)
```
#8d9ffd
```
#8d9ffd rgb(141,159,253)
```
#a0affd
```
#a0affd rgb(160,175,253)
```
#b4c0fe
```
#b4c0fe rgb(180,192,254)
```
#c7d0fe
```
#c7d0fe rgb(199,208,254)
```
#dae0fe
```
#dae0fe rgb(218,224,254)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

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

#909198
```
#909198 rgb(144,145,152)
```
#888ca0
```
#888ca0 rgb(136,140,160)
```
#7f86a9
```
#7f86a9 rgb(127,134,169)
```
#7780b1
```
#7780b1 rgb(119,128,177)
```
#6f7bb9
```
#6f7bb9 rgb(111,123,185)
```
#6775c1
```
#6775c1 rgb(103,117,193)
```
#5e70ca
```
#5e70ca rgb(94,112,202)
```
#566ad2
```
#566ad2 rgb(86,106,210)
```
#4e64da
```
#4e64da rgb(78,100,218)
```
#465fe2
```
#465fe2 rgb(70,95,226)
```
#3d59eb
```
#3d59eb rgb(61,89,235)
```
#3554f3
```
#3554f3 rgb(53,84,243)
```
#2d4efb
```
#2d4efb rgb(45,78,251)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#105fde Protanomaly 1% of men, 0.01% of women
#1063cc Deuteranomaly 6% of men, 0.4% of women
#1068ab Tritanomaly 0.01% of the population

#2d4efb hex color

#2d4efb Color Information

#2d4efb Color Conversion

Color Schemes with #2d4efb

Alternatives to #2d4efb

#2d4efb Preview

Shades and Tints of #2d4efb

Tones of #2d4efb

Color Blindness Simulator