#2d5cdf hex color

In a RGB color space, hex #2d5cdf is composed of 17.6% red, 36.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 58.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.2 degrees, a saturation of 73.6% and a lightness of 52.5%. #2d5cdf color hex could be obtained by blending #5ab8ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 87
RGB color chart
- C 80
- M 59
- Y 0
- K 13
CMYK color chart

● #2d5cdf color description : Bright blue.

The hexadecimal color #2d5cdf has RGB values of R:45, G:92, B:223 and CMYK values of C:0.8, M:0.59, Y:0, K:0.13. Its decimal value is 2972895.

Hex triplet	2d5cdf	`#2d5cdf`
RGB Decimal	45, 92, 223	`rgb(45,92,223)`
RGB Percent	17.6, 36.1, 87.5	`rgb(17.6%,36.1%,87.5%)`
CMYK	80, 59, 0, 13
HSL	224.2°, 73.6, 52.5	`hsl(224.2,73.6%,52.5%)`
HSV (or HSB)	224.2°, 79.8, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.564, 31.587, -71.11
XYZ	18.226, 13.539, 71.461
xyY	0.177, 0.131, 13.539
CIE-LCH	43.564, 77.81, 293.951
CIE-LUV	43.564, -17.279, -106.849
Hunter-Lab	36.795, 24.027, -89.393
Binary	00101101, 01011100, 11011111

#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#dfb02d
```
#dfb02d rgb(223,176,45)
```

Complementary Color

#2db5df
```
#2db5df rgb(45,181,223)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#572ddf
```
#572ddf rgb(87,45,223)
```

Analogous Color

#b5df2d
```
#b5df2d rgb(181,223,45)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#df572d
```
#df572d rgb(223,87,45)
```

Split Complementary Color

#5cdf2d
```
#5cdf2d rgb(92,223,45)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#df2d5c
```
#df2d5c rgb(223,45,92)
```

Triadic Color

#2ddfb0
```
#2ddfb0 rgb(45,223,176)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#df2d5c
```
#df2d5c rgb(223,45,92)
```
#dfb02d
```
#dfb02d rgb(223,176,45)
```

Tetradic Color

#193fa6
```
#193fa6 rgb(25,63,166)
```
#1d47bc
```
#1d47bc rgb(29,71,188)
```
#204fd2
```
#204fd2 rgb(32,79,210)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#436de2
```
#436de2 rgb(67,109,226)
```
#597ee6
```
#597ee6 rgb(89,126,230)
```
#6f90e9
```
#6f90e9 rgb(111,144,233)
```

Monochromatic Color

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

#2d89df
```
#2d89df rgb(45,137,223)
```
#2d7adf
```
#2d7adf rgb(45,122,223)
```
#2d6bdf
```
#2d6bdf rgb(45,107,223)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#2d4ddf
```
#2d4ddf rgb(45,77,223)
```
#2d3edf
```
#2d3edf rgb(45,62,223)
```
#2d2fdf
```
#2d2fdf rgb(45,47,223)
```

Similar Colors

Text with hexadecimal color #2d5cdf

This text has a font color of #2d5cdf.

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

#2d5cdf background color

This paragraph has a background color of #2d5cdf.

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

#2d5cdf border color

This element has a border color of #2d5cdf.

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

CSS codes

.text {color:#2d5cdf;}

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

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

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, #02040b is the darkest color, while #f9fbfe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#040b1c
```
#040b1c rgb(4,11,28)
```
#07112d
```
#07112d rgb(7,17,45)
```
#0a173e
```
#0a173e rgb(10,23,62)
```
#0c1e4f
```
#0c1e4f rgb(12,30,79)
```
#0f2460
```
#0f2460 rgb(15,36,96)
```
#112b71
```
#112b71 rgb(17,43,113)
```
#143182
```
#143182 rgb(20,49,130)
```
#163793
```
#163793 rgb(22,55,147)
```
#193ea4
```
#193ea4 rgb(25,62,164)
```
#1c44b5
```
#1c44b5 rgb(28,68,181)
```
#1e4bc7
```
#1e4bc7 rgb(30,75,199)
```
#2151d8
```
#2151d8 rgb(33,81,216)
```

Shade Color Variation

#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#3e69e2
```
#3e69e2 rgb(62,105,226)
```
#4f76e4
```
#4f76e4 rgb(79,118,228)
```
#6084e7
```
#6084e7 rgb(96,132,231)
```
#7191e9
```
#7191e9 rgb(113,145,233)
```
#829eec
```
#829eec rgb(130,158,236)
```
#93abef
```
#93abef rgb(147,171,239)
```
#a4b8f1
```
#a4b8f1 rgb(164,184,241)
```
#b5c6f4
```
#b5c6f4 rgb(181,198,244)
```
#c6d3f6
```
#c6d3f6 rgb(198,211,246)
```
#d7e0f9
```
#d7e0f9 rgb(215,224,249)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81848b is the less saturated color, while #114ffb is the most saturated one.

#81848b
```
#81848b rgb(129,132,139)
```
#777f95
```
#777f95 rgb(119,127,149)
```
#6e7b9e
```
#6e7b9e rgb(110,123,158)
```
#6576a7
```
#6576a7 rgb(101,118,167)
```
#5c72b0
```
#5c72b0 rgb(92,114,176)
```
#526eba
```
#526eba rgb(82,110,186)
```
#4969c3
```
#4969c3 rgb(73,105,195)
```
#4065cc
```
#4065cc rgb(64,101,204)
```
#3660d6
```
#3660d6 rgb(54,96,214)
```
#2d5cdf
```
#2d5cdf rgb(45,92,223)
```
#2458e8
```
#2458e8 rgb(36,88,232)
```
#1a53f2
```
#1a53f2 rgb(26,83,242)
```
#114ffb
```
#114ffb rgb(17,79,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#535d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1065d6 Protanomaly 1% of men, 0.01% of women
#1069c5 Deuteranomaly 6% of men, 0.4% of women
#106ea2 Tritanomaly 0.01% of the population

#2d5cdf hex color

#2d5cdf Color Information

#2d5cdf Color Conversion

Color Schemes with #2d5cdf

Alternatives to #2d5cdf

#2d5cdf Preview

Shades and Tints of #2d5cdf

Tones of #2d5cdf

Color Blindness Simulator