#2d5bf6 hex color

In a RGB color space, hex #2d5bf6 is composed of 17.6% red, 35.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 63% magenta, 0% yellow and 3.5% black. It has a hue angle of 226.3 degrees, a saturation of 91.8% and a lightness of 57.1%. #2d5bf6 color hex could be obtained by blending #5ab6ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 36
- B 96
RGB color chart
- C 82
- M 63
- Y 0
- K 4
CMYK color chart

● #2d5bf6 color description : Bright blue.

The hexadecimal color #2d5bf6 has RGB values of R:45, G:91, B:246 and CMYK values of C:0.82, M:0.63, Y:0, K:0.04. Its decimal value is 2972662.

Hex triplet	2d5bf6	`#2d5bf6`
RGB Decimal	45, 91, 246	`rgb(45,91,246)`
RGB Percent	17.6, 35.7, 96.5	`rgb(17.6%,35.7%,96.5%)`
CMYK	82, 63, 0, 4
HSL	226.3°, 91.8, 57.1	`hsl(226.3,91.8%,57.1%)`
HSV (or HSB)	226.3°, 81.7, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.21, 40.6, -81.387
XYZ	21.454, 14.692, 88.889
xyY	0.172, 0.118, 14.692
CIE-LCH	45.21, 90.952, 296.513
CIE-LUV	45.21, -17.089, -122.423
Hunter-Lab	38.33, 32.832, -110.663
Binary	00101101, 01011011, 11110110

#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#f6c82d
```
#f6c82d rgb(246,200,45)
```

Complementary Color

#2dc0f6
```
#2dc0f6 rgb(45,192,246)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#632df6
```
#632df6 rgb(99,45,246)
```

Analogous Color

#c0f62d
```
#c0f62d rgb(192,246,45)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#f6632d
```
#f6632d rgb(246,99,45)
```

Split Complementary Color

#5bf62d
```
#5bf62d rgb(91,246,45)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#f62d5b
```
#f62d5b rgb(246,45,91)
```

Triadic Color

#2df6c8
```
#2df6c8 rgb(45,246,200)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#f62d5b
```
#f62d5b rgb(246,45,91)
```
#f6c82d
```
#f6c82d rgb(246,200,45)
```

Tetradic Color

#0936ce
```
#0936ce rgb(9,54,206)
```
#0a3ce6
```
#0a3ce6 rgb(10,60,230)
```
#1548f5
```
#1548f5 rgb(21,72,245)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#456ef7
```
#456ef7 rgb(69,110,247)
```
#5e81f8
```
#5e81f8 rgb(94,129,248)
```
#7694f9
```
#7694f9 rgb(118,148,249)
```

Monochromatic Color

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

#2d8df6
```
#2d8df6 rgb(45,141,246)
```
#2d7df6
```
#2d7df6 rgb(45,125,246)
```
#2d6cf6
```
#2d6cf6 rgb(45,108,246)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#2d4af6
```
#2d4af6 rgb(45,74,246)
```
#2d3af6
```
#2d3af6 rgb(45,58,246)
```
#312df6
```
#312df6 rgb(49,45,246)
```

Similar Colors

Text with hexadecimal color #2d5bf6

This text has a font color of #2d5bf6.

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

#2d5bf6 background color

This paragraph has a background color of #2d5bf6.

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

#2d5bf6 border color

This element has a border color of #2d5bf6.

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

CSS codes

.text {color:#2d5bf6;}

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

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

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

#010410
```
#010410 rgb(1,4,16)
```
#010923
```
#010923 rgb(1,9,35)
```
#020e35
```
#020e35 rgb(2,14,53)
```
#031348
```
#031348 rgb(3,19,72)
```
#04185b
```
#04185b rgb(4,24,91)
```
#051d6e
```
#051d6e rgb(5,29,110)
```
#062281
```
#062281 rgb(6,34,129)
```
#062793
```
#062793 rgb(6,39,147)
```
#072ca6
```
#072ca6 rgb(7,44,166)
```
#0830b9
```
#0830b9 rgb(8,48,185)
```
#0935cc
```
#0935cc rgb(9,53,204)
```
#0a3adf
```
#0a3adf rgb(10,58,223)
```
#0a3ff1
```
#0a3ff1 rgb(10,63,241)
```

Shade Color Variation

#1a4cf5
```
#1a4cf5 rgb(26,76,245)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#406af7
```
#406af7 rgb(64,106,247)
```
#5378f8
```
#5378f8 rgb(83,120,248)
```
#6587f8
```
#6587f8 rgb(101,135,248)
```
#7896f9
```
#7896f9 rgb(120,150,249)
```
#8ba4fa
```
#8ba4fa rgb(139,164,250)
```
#9eb3fb
```
#9eb3fb rgb(158,179,251)
```
#b1c2fc
```
#b1c2fc rgb(177,194,252)
```
#c3d1fc
```
#c3d1fc rgb(195,209,252)
```
#d6dffd
```
#d6dffd rgb(214,223,253)
```
#e9eefe
```
#e9eefe rgb(233,238,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8a8d99
```
#8a8d99 rgb(138,141,153)
```
#8189a2
```
#8189a2 rgb(129,137,162)
```
#7984aa
```
#7984aa rgb(121,132,170)
```
#7080b3
```
#7080b3 rgb(112,128,179)
```
#687bbb
```
#687bbb rgb(104,123,187)
```
#6076c3
```
#6076c3 rgb(96,118,195)
```
#5772cc
```
#5772cc rgb(87,114,204)
```
#4f6dd4
```
#4f6dd4 rgb(79,109,212)
```
#4669dd
```
#4669dd rgb(70,105,221)
```
#3e64e5
```
#3e64e5 rgb(62,100,229)
```
#3560ee
```
#3560ee rgb(53,96,238)
```
#2d5bf6
```
#2d5bf6 rgb(45,91,246)
```
#2556fe
```
#2556fe rgb(37,86,254)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#555e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#1067e3 Protanomaly 1% of men, 0.01% of women
#106bd1 Deuteranomaly 6% of men, 0.4% of women
#1071ad Tritanomaly 0.01% of the population

#2d5bf6 hex color

#2d5bf6 Color Information

#2d5bf6 Color Conversion

Color Schemes with #2d5bf6

Alternatives to #2d5bf6

#2d5bf6 Preview

Shades and Tints of #2d5bf6

Tones of #2d5bf6

Color Blindness Simulator