#2d6db4 hex color

In a RGB color space, hex #2d6db4 is composed of 17.6% red, 42.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 39.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 211.6 degrees, a saturation of 60% and a lightness of 44.1%. #2d6db4 color hex could be obtained by blending #5adaff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 43
- B 71
RGB color chart
- C 75
- M 39
- Y 0
- K 29
CMYK color chart

● #2d6db4 color description : Strong blue.

The hexadecimal color #2d6db4 has RGB values of R:45, G:109, B:180 and CMYK values of C:0.75, M:0.39, Y:0, K:0.29. Its decimal value is 2977204.

Hex triplet	2d6db4	`#2d6db4`
RGB Decimal	45, 109, 180	`rgb(45,109,180)`
RGB Percent	17.6, 42.7, 70.6	`rgb(17.6%,42.7%,70.6%)`
CMYK	75, 39, 0, 29
HSL	211.6°, 60, 44.1	`hsl(211.6,60%,44.1%)`
HSV (or HSB)	211.6°, 75, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.344, 4.502, -43.488
XYZ	14.787, 14.789, 45.253
xyY	0.198, 0.198, 14.789
CIE-LCH	45.344, 43.72, 275.911
CIE-LUV	45.344, -22.991, -65.373
Hunter-Lab	38.457, 1.336, -42.848
Binary	00101101, 01101101, 10110100

#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#b4742d
```
#b4742d rgb(180,116,45)
```

Complementary Color

#2db1b4
```
#2db1b4 rgb(45,177,180)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#302db4
```
#302db4 rgb(48,45,180)
```

Analogous Color

#b1b42d
```
#b1b42d rgb(177,180,45)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#b4302d
```
#b4302d rgb(180,48,45)
```

Split Complementary Color

#6db42d
```
#6db42d rgb(109,180,45)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#b42d6d
```
#b42d6d rgb(180,45,109)
```

Triadic Color

#2db474
```
#2db474 rgb(45,180,116)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#b42d6d
```
#b42d6d rgb(180,45,109)
```
#b4742d
```
#b4742d rgb(180,116,45)
```

Tetradic Color

#1e4877
```
#1e4877 rgb(30,72,119)
```
#23548b
```
#23548b rgb(35,84,139)
```
#2861a0
```
#2861a0 rgb(40,97,160)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#3279c8
```
#3279c8 rgb(50,121,200)
```
#4486d0
```
#4486d0 rgb(68,134,208)
```
#5894d5
```
#5894d5 rgb(88,148,213)
```

Monochromatic Color

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

#2d8fb4
```
#2d8fb4 rgb(45,143,180)
```
#2d84b4
```
#2d84b4 rgb(45,132,180)
```
#2d78b4
```
#2d78b4 rgb(45,120,180)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#2d62b4
```
#2d62b4 rgb(45,98,180)
```
#2d57b4
```
#2d57b4 rgb(45,87,180)
```
#2d4bb4
```
#2d4bb4 rgb(45,75,180)
```

Similar Colors

Text with hexadecimal color #2d6db4

This text has a font color of #2d6db4.

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

#2d6db4 background color

This paragraph has a background color of #2d6db4.

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

#2d6db4 border color

This element has a border color of #2d6db4.

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

CSS codes

.text {color:#2d6db4;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060e17
```
#060e17 rgb(6,14,23)
```
#0a1727
```
#0a1727 rgb(10,23,39)
```
#0e2136
```
#0e2136 rgb(14,33,54)
```
#122a46
```
#122a46 rgb(18,42,70)
```
#153456
```
#153456 rgb(21,52,86)
```
#193d66
```
#193d66 rgb(25,61,102)
```
#1d4775
```
#1d4775 rgb(29,71,117)
```
#215085
```
#215085 rgb(33,80,133)
```
#255a95
```
#255a95 rgb(37,90,149)
```
#2963a4
```
#2963a4 rgb(41,99,164)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#3177c4
```
#3177c4 rgb(49,119,196)
```

Shade Color Variation

#3a80ce
```
#3a80ce rgb(58,128,206)
```
#4a8ad2
```
#4a8ad2 rgb(74,138,210)
```
#5a95d6
```
#5a95d6 rgb(90,149,214)
```
#699fda
```
#699fda rgb(105,159,218)
```
#79a9de
```
#79a9de rgb(121,169,222)
```
#89b3e1
```
#89b3e1 rgb(137,179,225)
```
#99bde5
```
#99bde5 rgb(153,189,229)
```
#a8c7e9
```
#a8c7e9 rgb(168,199,233)
```
#b8d1ed
```
#b8d1ed rgb(184,209,237)
```
#c8dbf1
```
#c8dbf1 rgb(200,219,241)
```
#d7e5f5
```
#d7e5f5 rgb(215,229,245)
```
#e7f0f9
```
#e7f0f9 rgb(231,240,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7077 is the less saturated color, while #026bdf is the most saturated one.

#6a7077
```
#6a7077 rgb(106,112,119)
```
#617080
```
#617080 rgb(97,112,128)
```
#586f89
```
#586f89 rgb(88,111,137)
```
#506f91
```
#506f91 rgb(80,111,145)
```
#476e9a
```
#476e9a rgb(71,110,154)
```
#3e6ea3
```
#3e6ea3 rgb(62,110,163)
```
#366dab
```
#366dab rgb(54,109,171)
```
#2d6db4
```
#2d6db4 rgb(45,109,180)
```
#246dbd
```
#246dbd rgb(36,109,189)
```
#1c6cc5
```
#1c6cc5 rgb(28,108,197)
```
#136cce
```
#136cce rgb(19,108,206)
```
#0a6bd7
```
#0a6bd7 rgb(10,107,215)
```
#026bdf
```
#026bdf rgb(2,107,223)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5570b4 Protanopia 1% of men
#3d73b8 Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#466fb4 Protanomaly 1% of men, 0.01% of women
#3771b6 Deuteranomaly 6% of men, 0.4% of women
#107797 Tritanomaly 0.01% of the population

#2d6db4 hex color

#2d6db4 Color Information

#2d6db4 Color Conversion

Color Schemes with #2d6db4

Alternatives to #2d6db4

#2d6db4 Preview

Shades and Tints of #2d6db4

Tones of #2d6db4

Color Blindness Simulator