#2f5dd5 hex color

In a RGB color space, hex #2f5dd5 is composed of 18.4% red, 36.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 56.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 223.4 degrees, a saturation of 66.4% and a lightness of 51%. #2f5dd5 color hex could be obtained by blending #5ebaff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 84
RGB color chart
- C 78
- M 56
- Y 0
- K 16
CMYK color chart

● #2f5dd5 color description : Strong blue.

The hexadecimal color #2f5dd5 has RGB values of R:47, G:93, B:213 and CMYK values of C:0.78, M:0.56, Y:0, K:0.16. Its decimal value is 3104213.

Hex triplet	2f5dd5	`#2f5dd5`
RGB Decimal	47, 93, 213	`rgb(47,93,213)`
RGB Percent	18.4, 36.5, 83.5	`rgb(18.4%,36.5%,83.5%)`
CMYK	78, 56, 0, 16
HSL	223.4°, 66.4, 51	`hsl(223.4,66.4%,51%)`
HSV (or HSB)	223.4°, 77.9, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.117, 27.42, -66.132
XYZ	17.094, 13.236, 64.601
xyY	0.18, 0.139, 13.236
CIE-LCH	43.117, 71.591, 292.52
CIE-LUV	43.117, -17.284, -99.431
Hunter-Lab	36.381, 20.204, -79.813
Binary	00101111, 01011101, 11010101

#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#d5a72f
```
#d5a72f rgb(213,167,47)
```

Complementary Color

#2fb0d5
```
#2fb0d5 rgb(47,176,213)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#542fd5
```
#542fd5 rgb(84,47,213)
```

Analogous Color

#b0d52f
```
#b0d52f rgb(176,213,47)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#d5542f
```
#d5542f rgb(213,84,47)
```

Split Complementary Color

#5dd52f
```
#5dd52f rgb(93,213,47)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#d52f5d
```
#d52f5d rgb(213,47,93)
```

Triadic Color

#2fd5a7
```
#2fd5a7 rgb(47,213,167)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#d52f5d
```
#d52f5d rgb(213,47,93)
```
#d5a72f
```
#d5a72f rgb(213,167,47)
```

Tetradic Color

#1f4199
```
#1f4199 rgb(31,65,153)
```
#234aae
```
#234aae rgb(35,74,174)
```
#2753c3
```
#2753c3 rgb(39,83,195)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#446ed9
```
#446ed9 rgb(68,110,217)
```
#597ede
```
#597ede rgb(89,126,222)
```
#6f8fe2
```
#6f8fe2 rgb(111,143,226)
```

Monochromatic Color

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

#2f87d5
```
#2f87d5 rgb(47,135,213)
```
#2f79d5
```
#2f79d5 rgb(47,121,213)
```
#2f6bd5
```
#2f6bd5 rgb(47,107,213)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#2f4fd5
```
#2f4fd5 rgb(47,79,213)
```
#2f41d5
```
#2f41d5 rgb(47,65,213)
```
#2f34d5
```
#2f34d5 rgb(47,52,213)
```

Similar Colors

Text with hexadecimal color #2f5dd5

This text has a font color of #2f5dd5.

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

#2f5dd5 background color

This paragraph has a background color of #2f5dd5.

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

#2f5dd5 border color

This element has a border color of #2f5dd5.

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

CSS codes

.text {color:#2f5dd5;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#071025
```
#071025 rgb(7,16,37)
```
#0b1635
```
#0b1635 rgb(11,22,53)
```
#0e1d45
```
#0e1d45 rgb(14,29,69)
```
#112456
```
#112456 rgb(17,36,86)
```
#152b66
```
#152b66 rgb(21,43,102)
```
#183276
```
#183276 rgb(24,50,118)
```
#1b3987
```
#1b3987 rgb(27,57,135)
```
#1e4097
```
#1e4097 rgb(30,64,151)
```
#2247a7
```
#2247a7 rgb(34,71,167)
```
#254eb8
```
#254eb8 rgb(37,78,184)
```
#2855c8
```
#2855c8 rgb(40,85,200)
```

Shade Color Variation

#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#3f6ad8
```
#3f6ad8 rgb(63,106,216)
```
#5076dc
```
#5076dc rgb(80,118,220)
```
#6083df
```
#6083df rgb(96,131,223)
```
#7090e2
```
#7090e2 rgb(112,144,226)
```
#819de5
```
#819de5 rgb(129,157,229)
```
#91a9e9
```
#91a9e9 rgb(145,169,233)
```
#a1b6ec
```
#a1b6ec rgb(161,182,236)
```
#b2c3ef
```
#b2c3ef rgb(178,195,239)
```
#c2cff3
```
#c2cff3 rgb(194,207,243)
```
#d2dcf6
```
#d2dcf6 rgb(210,220,246)
```
#e3e9f9
```
#e3e9f9 rgb(227,233,249)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7f88 is the less saturated color, while #094cfb is the most saturated one.

#7c7f88
```
#7c7f88 rgb(124,127,136)
```
#727b92
```
#727b92 rgb(114,123,146)
```
#69779b
```
#69779b rgb(105,119,155)
```
#5f72a5
```
#5f72a5 rgb(95,114,165)
```
#556eaf
```
#556eaf rgb(85,110,175)
```
#4c6ab8
```
#4c6ab8 rgb(76,106,184)
```
#4266c2
```
#4266c2 rgb(66,102,194)
```
#3961cb
```
#3961cb rgb(57,97,203)
```
#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#2559df
```
#2559df rgb(37,89,223)
```
#1c54e8
```
#1c54e8 rgb(28,84,232)
```
#1250f2
```
#1250f2 rgb(18,80,242)
```
#094cfb
```
#094cfb rgb(9,76,251)
```

Tone Color Variation

Below, you can see how #2f5dd5 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
#545d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1165d2 Protanomaly 1% of men, 0.01% of women
#1169c1 Deuteranomaly 6% of men, 0.4% of women
#116e9e Tritanomaly 0.01% of the population

#2f5dd5 hex color

#2f5dd5 Color Information

#2f5dd5 Color Conversion

Color Schemes with #2f5dd5

Alternatives to #2f5dd5

#2f5dd5 Preview

Shades and Tints of #2f5dd5

Tones of #2f5dd5

Color Blindness Simulator