colorhexa.com

#2d4efc hex color

In a RGB color space, hex #2d4efc is composed of 17.6% red, 30.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 69% magenta, 0% yellow and 1.2% black. It has a hue angle of 230.4 degrees, a saturation of 97.2% and a lightness of 58.2%. #2d4efc color hex could be obtained by blending #5a9cff with #0000f9. Closest websafe color is: #3366ff.

- R 18
- G 31
- B 99
RGB color chart
- C 82
- M 69
- Y 0
- K 1
CMYK color chart

● #2d4efc color description : Bright blue.

The hexadecimal color #2d4efc has RGB values of R:45, G:78, B:252 and CMYK values of C:0.82, M:0.69, Y:0, K:0.01. Its decimal value is 2969340.

Hex triplet	2d4efc	`#2d4efc`
RGB Decimal	45, 78, 252	`rgb(45,78,252)`
RGB Percent	17.6, 30.6, 98.8	`rgb(17.6%,30.6%,98.8%)`
CMYK	82, 69, 0, 1
HSL	230.4°, 97.2, 58.2	`hsl(230.4,97.2%,58.2%)`
HSV (or HSB)	230.4°, 82.1, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.813, 50.547, -88.683
XYZ	21.374, 13.033, 93.479
xyY	0.167, 0.102, 13.033
CIE-LCH	42.813, 102.077, 299.682
CIE-LUV	42.813, -14.43, -129.386
Hunter-Lab	36.102, 42.501, -128.25
Binary	00101101, 01001110, 11111100

#2d4efc
```
#2d4efc rgb(45,78,252)
```
#fcdb2d
```
#fcdb2d rgb(252,219,45)
```

Complementary Color

#2db6fc
```
#2db6fc rgb(45,182,252)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#742dfc
```
#742dfc rgb(116,45,252)
```

Analogous Color

#b6fc2d
```
#b6fc2d rgb(182,252,45)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#fc742d
```
#fc742d rgb(252,116,45)
```

Split Complementary Color

#4efc2d
```
#4efc2d rgb(78,252,45)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#fc2d4e
```
#fc2d4e rgb(252,45,78)
```

Triadic Color

#2dfcdb
```
#2dfcdb rgb(45,252,219)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#fc2d4e
```
#fc2d4e rgb(252,45,78)
```
#fcdb2d
```
#fcdb2d rgb(252,219,45)
```

Tetradic Color

#0325d9
```
#0325d9 rgb(3,37,217)
```
#032af3
```
#032af3 rgb(3,42,243)
```
#1439fc
```
#1439fc rgb(20,57,252)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#4663fc
```
#4663fc rgb(70,99,252)
```
#5f78fd
```
#5f78fd rgb(95,120,253)
```
#788efd
```
#788efd rgb(120,142,253)
```

Monochromatic Color

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

#2d82fc
```
#2d82fc rgb(45,130,252)
```
#2d71fc
```
#2d71fc rgb(45,113,252)
```
#2d5ffc
```
#2d5ffc rgb(45,95,252)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#2d3dfc
```
#2d3dfc rgb(45,61,252)
```
#2f2dfc
```
#2f2dfc rgb(47,45,252)
```
#402dfc
```
#402dfc rgb(64,45,252)
```

Similar Colors

Text with hexadecimal color #2d4efc

This text has a font color of #2d4efc.

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

#2d4efc background color

This paragraph has a background color of #2d4efc.

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

#2d4efc border color

This element has a border color of #2d4efc.

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

CSS codes

.text {color:#2d4efc;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000416
```
#000416 rgb(0,4,22)
```
#010729
```
#010729 rgb(1,7,41)
```
#010a3d
```
#010a3d rgb(1,10,61)
```
#010e50
```
#010e50 rgb(1,14,80)
```
#011163
```
#011163 rgb(1,17,99)
```
#021477
```
#021477 rgb(2,20,119)
```
#02188a
```
#02188a rgb(2,24,138)
```
#021b9d
```
#021b9d rgb(2,27,157)
```
#031eb1
```
#031eb1 rgb(3,30,177)
```
#0322c4
```
#0322c4 rgb(3,34,196)
```
#0325d7
```
#0325d7 rgb(3,37,215)
```
#0328eb
```
#0328eb rgb(3,40,235)
```

Shade Color Variation

#062dfb
```
#062dfb rgb(6,45,251)
```
#1a3efc
```
#1a3efc rgb(26,62,252)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```
#405efc
```
#405efc rgb(64,94,252)
```
#546ffd
```
#546ffd rgb(84,111,253)
```
#677ffd
```
#677ffd rgb(103,127,253)
```
#7a8ffd
```
#7a8ffd rgb(122,143,253)
```
#8ea0fd
```
#8ea0fd rgb(142,160,253)
```
#a1b0fe
```
#a1b0fe rgb(161,176,254)
```
#b4c0fe
```
#b4c0fe rgb(180,192,254)
```
#c8d0fe
```
#c8d0fe rgb(200,208,254)
```
#dbe1fe
```
#dbe1fe rgb(219,225,254)
```
#eef1ff
```
#eef1ff rgb(238,241,255)
```

Tint Color Variation

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

#8f919a
```
#8f919a rgb(143,145,154)
```
#878ba2
```
#878ba2 rgb(135,139,162)
```
#7f86aa
```
#7f86aa rgb(127,134,170)
```
#7780b2
```
#7780b2 rgb(119,128,178)
```
#6f7bba
```
#6f7bba rgb(111,123,186)
```
#6675c3
```
#6675c3 rgb(102,117,195)
```
#5e6fcb
```
#5e6fcb rgb(94,111,203)
```
#566ad3
```
#566ad3 rgb(86,106,211)
```
#4e64db
```
#4e64db rgb(78,100,219)
```
#465fe3
```
#465fe3 rgb(70,95,227)
```
#3d59ec
```
#3d59ec rgb(61,89,236)
```
#3554f4
```
#3554f4 rgb(53,84,244)
```
#2d4efc
```
#2d4efc rgb(45,78,252)
```

Tone Color Variation

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

#0069ce Protanopia 1% of men
#0070b2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

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