#2d6bed hex color

In a RGB color space, hex #2d6bed is composed of 17.6% red, 42% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 54.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.6 degrees, a saturation of 84.2% and a lightness of 55.3%. #2d6bed color hex could be obtained by blending #5ad6ff 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

● #2d6bed color description : Bright blue.

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

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

CIE-LAB	48.494, 27.24, -70.983
XYZ	21.623, 17.186, 82.294
xyY	0.179, 0.142, 17.186
CIE-LCH	48.494, 76.031, 290.995
CIE-LUV	48.494, -21.12, -109.972
Hunter-Lab	41.456, 20.554, -88.677
Binary	00101101, 01101011, 11101101

#2d6bed
```
#2d6bed rgb(45,107,237)
```
#edaf2d
```
#edaf2d rgb(237,175,45)
```

Complementary Color

#2dcbed
```
#2dcbed rgb(45,203,237)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#4f2ded
```
#4f2ded rgb(79,45,237)
```

Analogous Color

#cbed2d
```
#cbed2d rgb(203,237,45)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#ed4f2d
```
#ed4f2d rgb(237,79,45)
```

Split Complementary Color

#6bed2d
```
#6bed2d rgb(107,237,45)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#ed2d6b
```
#ed2d6b rgb(237,45,107)
```

Triadic Color

#2dedaf
```
#2dedaf rgb(45,237,175)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#ed2d6b
```
#ed2d6b rgb(237,45,107)
```
#edaf2d
```
#edaf2d rgb(237,175,45)
```

Tetradic Color

#1048bd
```
#1048bd rgb(16,72,189)
```
#1251d5
```
#1251d5 rgb(18,81,213)
```
#165aeb
```
#165aeb rgb(22,90,235)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#447cef
```
#447cef rgb(68,124,239)
```
#5c8cf1
```
#5c8cf1 rgb(92,140,241)
```
#739df3
```
#739df3 rgb(115,157,243)
```

Monochromatic Color

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

#2d9bed
```
#2d9bed rgb(45,155,237)
```
#2d8bed
```
#2d8bed rgb(45,139,237)
```
#2d7bed
```
#2d7bed rgb(45,123,237)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#2d5bed
```
#2d5bed rgb(45,91,237)
```
#2d4bed
```
#2d4bed rgb(45,75,237)
```
#2d3bed
```
#2d3bed rgb(45,59,237)
```

Similar Colors

Text with hexadecimal color #2d6bed

This text has a font color of #2d6bed.

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

#2d6bed background color

This paragraph has a background color of #2d6bed.

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

#2d6bed border color

This element has a border color of #2d6bed.

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

CSS codes

.text {color:#2d6bed;}

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

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

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)
```
#0a2c73
```
#0a2c73 rgb(10,44,115)
```
#0b3385
```
#0b3385 rgb(11,51,133)
```
#0d3a97
```
#0d3a97 rgb(13,58,151)
```
#0f41a9
```
#0f41a9 rgb(15,65,169)
```
#1047bb
```
#1047bb rgb(16,71,187)
```
#124ece
```
#124ece rgb(18,78,206)
```
#1355e0
```
#1355e0 rgb(19,85,224)
```

Shade Color Variation

#1b5eeb
```
#1b5eeb rgb(27,94,235)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#3f78ef
```
#3f78ef rgb(63,120,239)
```
#5184f0
```
#5184f0 rgb(81,132,240)
```
#6391f2
```
#6391f2 rgb(99,145,242)
```
#759ef3
```
#759ef3 rgb(117,158,243)
```
#87abf5
```
#87abf5 rgb(135,171,245)
```
#99b7f6
```
#99b7f6 rgb(153,183,246)
```
#abc4f8
```
#abc4f8 rgb(171,196,248)
```
#bed1f9
```
#bed1f9 rgb(190,209,249)
```
#d0defb
```
#d0defb rgb(208,222,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 #1b65ff is the most saturated one.

#858a95
```
#858a95 rgb(133,138,149)
```
#7c879e
```
#7c879e rgb(124,135,158)
```
#7384a7
```
#7384a7 rgb(115,132,167)
```
#6a81b0
```
#6a81b0 rgb(106,129,176)
```
#627eb8
```
#627eb8 rgb(98,126,184)
```
#597bc1
```
#597bc1 rgb(89,123,193)
```
#5077ca
```
#5077ca rgb(80,119,202)
```
#4774d3
```
#4774d3 rgb(71,116,211)
```
#3f71db
```
#3f71db rgb(63,113,219)
```
#366ee4
```
#366ee4 rgb(54,110,228)
```
#2d6bed
```
#2d6bed rgb(45,107,237)
```
#2468f6
```
#2468f6 rgb(36,104,246)
```
#1b65ff
```
#1b65ff rgb(27,101,255)
```

Tone Color Variation

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

#0076e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1072ea Protanomaly 1% of men, 0.01% of women
#1076d7 Deuteranomaly 6% of men, 0.4% of women
#107cb0 Tritanomaly 0.01% of the population

#2d6bed hex color

#2d6bed Color Information

#2d6bed Color Conversion

Color Schemes with #2d6bed

Alternatives to #2d6bed

#2d6bed Preview

Shades and Tints of #2d6bed

Tones of #2d6bed

Color Blindness Simulator