#2d6aed hex color

In a RGB color space, hex #2d6aed is composed of 17.6% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.9 degrees, a saturation of 84.2% and a lightness of 55.3%. #2d6aed color hex could be obtained by blending #5ad4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 42
- B 93
RGB color chart
- C 81
- M 55
- Y 0
- K 7
CMYK color chart

● #2d6aed color description : Bright blue.

The hexadecimal color #2d6aed has RGB values of R:45, G:106, B:237 and CMYK values of C:0.81, M:0.55, Y:0, K:0.07. Its decimal value is 2976493.

Hex triplet	2d6aed	`#2d6aed`
RGB Decimal	45, 106, 237	`rgb(45,106,237)`
RGB Percent	17.6, 41.6, 92.9	`rgb(17.6%,41.6%,92.9%)`
CMYK	81, 55, 0, 7
HSL	220.9°, 84.2, 55.3	`hsl(220.9,84.2%,55.3%)`
HSV (or HSB)	220.9°, 81, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.233, 27.874, -71.407
XYZ	21.519, 16.979, 82.259
xyY	0.178, 0.141, 16.979
CIE-LCH	48.233, 76.654, 291.323
CIE-LUV	48.233, -20.85, -110.45
Hunter-Lab	41.205, 21.111, -89.519
Binary	00101101, 01101010, 11101101

#2d6aed
```
#2d6aed rgb(45,106,237)
```
#edb02d
```
#edb02d rgb(237,176,45)
```

Complementary Color

#2dcaed
```
#2dcaed rgb(45,202,237)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#502ded
```
#502ded rgb(80,45,237)
```

Analogous Color

#caed2d
```
#caed2d rgb(202,237,45)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#ed502d
```
#ed502d rgb(237,80,45)
```

Split Complementary Color

#6aed2d
```
#6aed2d rgb(106,237,45)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#ed2d6a
```
#ed2d6a rgb(237,45,106)
```

Triadic Color

#2dedb0
```
#2dedb0 rgb(45,237,176)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#ed2d6a
```
#ed2d6a rgb(237,45,106)
```
#edb02d
```
#edb02d rgb(237,176,45)
```

Tetradic Color

#1047bd
```
#1047bd rgb(16,71,189)
```
#1250d5
```
#1250d5 rgb(18,80,213)
```
#1659eb
```
#1659eb rgb(22,89,235)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#447bef
```
#447bef rgb(68,123,239)
```
#5c8bf1
```
#5c8bf1 rgb(92,139,241)
```
#739cf3
```
#739cf3 rgb(115,156,243)
```

Monochromatic Color

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

#2d9aed
```
#2d9aed rgb(45,154,237)
```
#2d8aed
```
#2d8aed rgb(45,138,237)
```
#2d7aed
```
#2d7aed rgb(45,122,237)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#2d5aed
```
#2d5aed rgb(45,90,237)
```
#2d4aed
```
#2d4aed rgb(45,74,237)
```
#2d3aed
```
#2d3aed rgb(45,58,237)
```

Similar Colors

Text with hexadecimal color #2d6aed

This text has a font color of #2d6aed.

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

#2d6aed background color

This paragraph has a background color of #2d6aed.

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

#2d6aed border color

This element has a border color of #2d6aed.

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

CSS codes

.text {color:#2d6aed;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020919
```
#020919 rgb(2,9,25)
```
#04102b
```
#04102b rgb(4,16,43)
```
#05173d
```
#05173d rgb(5,23,61)
```
#071e4f
```
#071e4f rgb(7,30,79)
```
#082561
```
#082561 rgb(8,37,97)
```
#0a2b73
```
#0a2b73 rgb(10,43,115)
```
#0b3285
```
#0b3285 rgb(11,50,133)
```
#0d3997
```
#0d3997 rgb(13,57,151)
```
#0f40a9
```
#0f40a9 rgb(15,64,169)
```
#1047bb
```
#1047bb rgb(16,71,187)
```
#124dce
```
#124dce rgb(18,77,206)
```
#1354e0
```
#1354e0 rgb(19,84,224)
```

Shade Color Variation

#1b5deb
```
#1b5deb rgb(27,93,235)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#3f77ef
```
#3f77ef rgb(63,119,239)
```
#5184f0
```
#5184f0 rgb(81,132,240)
```
#6390f2
```
#6390f2 rgb(99,144,242)
```
#759df3
```
#759df3 rgb(117,157,243)
```
#87aaf5
```
#87aaf5 rgb(135,170,245)
```
#99b7f6
```
#99b7f6 rgb(153,183,246)
```
#abc4f8
```
#abc4f8 rgb(171,196,248)
```
#bed1f9
```
#bed1f9 rgb(190,209,249)
```
#d0ddfb
```
#d0ddfb rgb(208,221,251)
```
#e2eafc
```
#e2eafc rgb(226,234,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a95 is the less saturated color, while #1b64ff is the most saturated one.

#858a95
```
#858a95 rgb(133,138,149)
```
#7c879e
```
#7c879e rgb(124,135,158)
```
#7384a7
```
#7384a7 rgb(115,132,167)
```
#6a80b0
```
#6a80b0 rgb(106,128,176)
```
#627db8
```
#627db8 rgb(98,125,184)
```
#597ac1
```
#597ac1 rgb(89,122,193)
```
#5077ca
```
#5077ca rgb(80,119,202)
```
#4774d3
```
#4774d3 rgb(71,116,211)
```
#3f70db
```
#3f70db rgb(63,112,219)
```
#366de4
```
#366de4 rgb(54,109,228)
```
#2d6aed
```
#2d6aed rgb(45,106,237)
```
#2467f6
```
#2467f6 rgb(36,103,246)
```
#1b64ff
```
#1b64ff rgb(27,100,255)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#1071e9 Protanomaly 1% of men, 0.01% of women
#1075d7 Deuteranomaly 6% of men, 0.4% of women
#107bb0 Tritanomaly 0.01% of the population

#2d6aed hex color

#2d6aed Color Information

#2d6aed Color Conversion

Color Schemes with #2d6aed

Alternatives to #2d6aed

#2d6aed Preview

Shades and Tints of #2d6aed

Tones of #2d6aed

Color Blindness Simulator