#2d54fd hex color

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

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

● #2d54fd color description : Bright blue.

The hexadecimal color #2d54fd has RGB values of R:45, G:84, B:253 and CMYK values of C:0.82, M:0.67, Y:0, K:0.01. Its decimal value is 2970877.

Hex triplet	2d54fd	`#2d54fd`
RGB Decimal	45, 84, 253	`rgb(45,84,253)`
RGB Percent	17.6, 32.9, 99.2	`rgb(17.6%,32.9%,99.2%)`
CMYK	82, 67, 0, 1
HSL	228.8°, 98.1, 58.4	`hsl(228.8,98.1%,58.4%)`
HSV (or HSB)	228.8°, 82.2, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.217, 47.34, -86.929
XYZ	21.978, 13.989, 94.465
xyY	0.169, 0.107, 13.989
CIE-LCH	44.217, 98.983, 298.572
CIE-LUV	44.217, -15.636, -128.742
Hunter-Lab	37.402, 39.44, -123.567
Binary	00101101, 01010100, 11111101

#2d54fd
```
#2d54fd rgb(45,84,253)
```
#fdd62d
```
#fdd62d rgb(253,214,45)
```

Complementary Color

#2dbcfd
```
#2dbcfd rgb(45,188,253)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#6e2dfd
```
#6e2dfd rgb(110,45,253)
```

Analogous Color

#bcfd2d
```
#bcfd2d rgb(188,253,45)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#fd6e2d
```
#fd6e2d rgb(253,110,45)
```

Split Complementary Color

#54fd2d
```
#54fd2d rgb(84,253,45)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#fd2d54
```
#fd2d54 rgb(253,45,84)
```

Triadic Color

#2dfdd6
```
#2dfdd6 rgb(45,253,214)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#fd2d54
```
#fd2d54 rgb(253,45,84)
```
#fdd62d
```
#fdd62d rgb(253,214,45)
```

Tetradic Color

#022bdb
```
#022bdb rgb(2,43,219)
```
#0230f5
```
#0230f5 rgb(2,48,245)
```
#143ffd
```
#143ffd rgb(20,63,253)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#4669fd
```
#4669fd rgb(70,105,253)
```
#607dfd
```
#607dfd rgb(96,125,253)
```
#7992fe
```
#7992fe rgb(121,146,254)
```

Monochromatic Color

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

#2d88fd
```
#2d88fd rgb(45,136,253)
```
#2d77fd
```
#2d77fd rgb(45,119,253)
```
#2d65fd
```
#2d65fd rgb(45,101,253)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#2d43fd
```
#2d43fd rgb(45,67,253)
```
#2d31fd
```
#2d31fd rgb(45,49,253)
```
#3a2dfd
```
#3a2dfd rgb(58,45,253)
```

Similar Colors

Text with hexadecimal color #2d54fd

This text has a font color of #2d54fd.

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

#2d54fd background color

This paragraph has a background color of #2d54fd.

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

#2d54fd border color

This element has a border color of #2d54fd.

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

CSS codes

.text {color:#2d54fd;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000517
```
#000517 rgb(0,5,23)
```
#00082b
```
#00082b rgb(0,8,43)
```
#010c3e
```
#010c3e rgb(1,12,62)
```
#011051
```
#011051 rgb(1,16,81)
```
#011465
```
#011465 rgb(1,20,101)
```
#011778
```
#011778 rgb(1,23,120)
```
#011b8c
```
#011b8c rgb(1,27,140)
```
#021f9f
```
#021f9f rgb(2,31,159)
```
#0223b3
```
#0223b3 rgb(2,35,179)
```
#0227c6
```
#0227c6 rgb(2,39,198)
```
#022ad9
```
#022ad9 rgb(2,42,217)
```
#022eed
```
#022eed rgb(2,46,237)
```

Shade Color Variation

#0634fd
```
#0634fd rgb(6,52,253)
```
#1a44fd
```
#1a44fd rgb(26,68,253)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```
#4064fd
```
#4064fd rgb(64,100,253)
```
#5474fd
```
#5474fd rgb(84,116,253)
```
#6783fe
```
#6783fe rgb(103,131,254)
```
#7b93fe
```
#7b93fe rgb(123,147,254)
```
#8ea3fe
```
#8ea3fe rgb(142,163,254)
```
#a2b3fe
```
#a2b3fe rgb(162,179,254)
```
#b5c3fe
```
#b5c3fe rgb(181,195,254)
```
#c8d3fe
```
#c8d3fe rgb(200,211,254)
```
#dce2ff
```
#dce2ff rgb(220,226,255)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#8f919b
```
#8f919b rgb(143,145,155)
```
#878ca3
```
#878ca3 rgb(135,140,163)
```
#7f87ab
```
#7f87ab rgb(127,135,171)
```
#7682b4
```
#7682b4 rgb(118,130,180)
```
#6e7dbc
```
#6e7dbc rgb(110,125,188)
```
#6678c4
```
#6678c4 rgb(102,120,196)
```
#5e73cc
```
#5e73cc rgb(94,115,204)
```
#566dd4
```
#566dd4 rgb(86,109,212)
```
#4e68dc
```
#4e68dc rgb(78,104,220)
```
#4563e5
```
#4563e5 rgb(69,99,229)
```
#3d5eed
```
#3d5eed rgb(61,94,237)
```
#3559f5
```
#3559f5 rgb(53,89,245)
```
#2d54fd
```
#2d54fd rgb(45,84,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#1063e3 Protanomaly 1% of men, 0.01% of women
#1067d1 Deuteranomaly 6% of men, 0.4% of women
#106dae Tritanomaly 0.01% of the population

#2d54fd hex color

#2d54fd Color Information

#2d54fd Color Conversion

Color Schemes with #2d54fd

Alternatives to #2d54fd

#2d54fd Preview

Shades and Tints of #2d54fd

Tones of #2d54fd

Color Blindness Simulator