#2d4dfb hex color

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

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

● #2d4dfb color description : Bright blue.

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

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

CIE-LAB	42.505, 50.791, -88.633
XYZ	21.145, 12.829, 92.623
xyY	0.167, 0.101, 12.829
CIE-LCH	42.505, 102.154, 299.815
CIE-LUV	42.505, -14.221, -128.965
Hunter-Lab	35.818, 42.697, -128.249
Binary	00101101, 01001101, 11111011

#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#fbdb2d
```
#fbdb2d rgb(251,219,45)
```

Complementary Color

#2db4fb
```
#2db4fb rgb(45,180,251)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#742dfb
```
#742dfb rgb(116,45,251)
```

Analogous Color

#b4fb2d
```
#b4fb2d rgb(180,251,45)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#fb742d
```
#fb742d rgb(251,116,45)
```

Split Complementary Color

#4dfb2d
```
#4dfb2d rgb(77,251,45)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#fb2d4d
```
#fb2d4d rgb(251,45,77)
```

Triadic Color

#2dfbdb
```
#2dfbdb rgb(45,251,219)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#fb2d4d
```
#fb2d4d rgb(251,45,77)
```
#fbdb2d
```
#fbdb2d rgb(251,219,45)
```

Tetradic Color

#0425d7
```
#0425d7 rgb(4,37,215)
```
#0529f0
```
#0529f0 rgb(5,41,240)
```
#1438fb
```
#1438fb rgb(20,56,251)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#4662fb
```
#4662fb rgb(70,98,251)
```
#5f77fc
```
#5f77fc rgb(95,119,252)
```
#788dfc
```
#788dfc rgb(120,141,252)
```

Monochromatic Color

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

#2d81fb
```
#2d81fb rgb(45,129,251)
```
#2d6ffb
```
#2d6ffb rgb(45,111,251)
```
#2d5efb
```
#2d5efb rgb(45,94,251)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#2d3cfb
```
#2d3cfb rgb(45,60,251)
```
#2f2dfb
```
#2f2dfb rgb(47,45,251)
```
#402dfb
```
#402dfb rgb(64,45,251)
```

Similar Colors

Text with hexadecimal color #2d4dfb

This text has a font color of #2d4dfb.

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

#2d4dfb background color

This paragraph has a background color of #2d4dfb.

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

#2d4dfb border color

This element has a border color of #2d4dfb.

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

CSS codes

.text {color:#2d4dfb;}

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

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

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)
```
#010d4f
```
#010d4f rgb(1,13,79)
```
#021162
```
#021162 rgb(2,17,98)
```
#021475
```
#021475 rgb(2,20,117)
```
#031788
```
#031788 rgb(3,23,136)
```
#031b9c
```
#031b9c rgb(3,27,156)
```
#031eaf
```
#031eaf rgb(3,30,175)
```
#0421c2
```
#0421c2 rgb(4,33,194)
```
#0425d5
```
#0425d5 rgb(4,37,213)
```
#0428e9
```
#0428e9 rgb(4,40,233)
```

Shade Color Variation

#072cfa
```
#072cfa rgb(7,44,250)
```
#1a3dfb
```
#1a3dfb rgb(26,61,251)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```
#405dfb
```
#405dfb rgb(64,93,251)
```
#536efc
```
#536efc rgb(83,110,252)
```
#677efc
```
#677efc rgb(103,126,252)
```
#7a8efc
```
#7a8efc rgb(122,142,252)
```
#8d9ffd
```
#8d9ffd rgb(141,159,253)
```
#a0affd
```
#a0affd rgb(160,175,253)
```
#b4bffe
```
#b4bffe rgb(180,191,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 #2d4dfb is the most saturated one.

#909198
```
#909198 rgb(144,145,152)
```
#888ba0
```
#888ba0 rgb(136,139,160)
```
#7f86a9
```
#7f86a9 rgb(127,134,169)
```
#7780b1
```
#7780b1 rgb(119,128,177)
```
#6f7ab9
```
#6f7ab9 rgb(111,122,185)
```
#6775c1
```
#6775c1 rgb(103,117,193)
```
#5e6fca
```
#5e6fca rgb(94,111,202)
```
#5669d2
```
#5669d2 rgb(86,105,210)
```
#4e64da
```
#4e64da rgb(78,100,218)
```
#465ee2
```
#465ee2 rgb(70,94,226)
```
#3d58eb
```
#3d58eb rgb(61,88,235)
```
#3553f3
```
#3553f3 rgb(53,83,243)
```
#2d4dfb
```
#2d4dfb rgb(45,77,251)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777c Tritanopia 0.001% of the population

Trichromacy

#105fdd Protanomaly 1% of men, 0.01% of women
#1062cc Deuteranomaly 6% of men, 0.4% of women
#1067aa Tritanomaly 0.01% of the population

#2d4dfb hex color

#2d4dfb Color Information

#2d4dfb Color Conversion

Color Schemes with #2d4dfb

Alternatives to #2d4dfb

#2d4dfb Preview

Shades and Tints of #2d4dfb

Tones of #2d4dfb

Color Blindness Simulator