#2d86b3 hex color

In a RGB color space, hex #2d86b3 is composed of 17.6% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 200.1 degrees, a saturation of 59.8% and a lightness of 43.9%. #2d86b3 color hex could be obtained by blending #5affff with #000d67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 53
- B 70
RGB color chart
- C 75
- M 25
- Y 0
- K 30
CMYK color chart

● #2d86b3 color description : Moderate blue.

The hexadecimal color #2d86b3 has RGB values of R:45, G:134, B:179 and CMYK values of C:0.75, M:0.25, Y:0, K:0.3. Its decimal value is 2983603.

Hex triplet	2d86b3	`#2d86b3`
RGB Decimal	45, 134, 179	`rgb(45,134,179)`
RGB Percent	17.6, 52.5, 70.2	`rgb(17.6%,52.5%,70.2%)`
CMYK	75, 25, 0, 30
HSL	200.1°, 59.8, 43.9	`hsl(200.1,59.8%,43.9%)`
HSV (or HSB)	200.1°, 74.9, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.797, -10.787, -31.168
XYZ	17.742, 20.861, 45.737
xyY	0.21, 0.247, 20.861
CIE-LCH	52.797, 32.982, 250.909
CIE-LUV	52.797, -31.681, -46.02
Hunter-Lab	45.674, -10.592, -27.4
Binary	00101101, 10000110, 10110011

#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#b35a2d
```
#b35a2d rgb(179,90,45)
```

Complementary Color

#2db39d
```
#2db39d rgb(45,179,157)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#2d43b3
```
#2d43b3 rgb(45,67,179)
```

Analogous Color

#b39d2d
```
#b39d2d rgb(179,157,45)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#b32d43
```
#b32d43 rgb(179,45,67)
```

Split Complementary Color

#86b32d
```
#86b32d rgb(134,179,45)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#b32d86
```
#b32d86 rgb(179,45,134)
```

Triadic Color

#2db35a
```
#2db35a rgb(45,179,90)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#b32d86
```
#b32d86 rgb(179,45,134)
```
#b35a2d
```
#b35a2d rgb(179,90,45)
```

Tetradic Color

#1e5876
```
#1e5876 rgb(30,88,118)
```
#23678a
```
#23678a rgb(35,103,138)
```
#28779f
```
#28779f rgb(40,119,159)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#3295c7
```
#3295c7 rgb(50,149,199)
```
#43a1d0
```
#43a1d0 rgb(67,161,208)
```
#58abd5
```
#58abd5 rgb(88,171,213)
```

Monochromatic Color

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

#2da8b3
```
#2da8b3 rgb(45,168,179)
```
#2d9cb3
```
#2d9cb3 rgb(45,156,179)
```
#2d91b3
```
#2d91b3 rgb(45,145,179)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#2d7bb3
```
#2d7bb3 rgb(45,123,179)
```
#2d70b3
```
#2d70b3 rgb(45,112,179)
```
#2d65b3
```
#2d65b3 rgb(45,101,179)
```

Similar Colors

Text with hexadecimal color #2d86b3

This text has a font color of #2d86b3.

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

#2d86b3 background color

This paragraph has a background color of #2d86b3.

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

#2d86b3 border color

This element has a border color of #2d86b3.

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

CSS codes

.text {color:#2d86b3;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#061116
```
#061116 rgb(6,17,22)
```
#0a1c26
```
#0a1c26 rgb(10,28,38)
```
#0d2836
```
#0d2836 rgb(13,40,54)
```
#113445
```
#113445 rgb(17,52,69)
```
#154055
```
#154055 rgb(21,64,85)
```
#194b65
```
#194b65 rgb(25,75,101)
```
#1d5774
```
#1d5774 rgb(29,87,116)
```
#216384
```
#216384 rgb(33,99,132)
```
#256f94
```
#256f94 rgb(37,111,148)
```
#297aa3
```
#297aa3 rgb(41,122,163)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#3192c3
```
#3192c3 rgb(49,146,195)
```

Shade Color Variation

#3a9ccd
```
#3a9ccd rgb(58,156,205)
```
#49a4d1
```
#49a4d1 rgb(73,164,209)
```
#59acd5
```
#59acd5 rgb(89,172,213)
```
#69b3d9
```
#69b3d9 rgb(105,179,217)
```
#79bbdd
```
#79bbdd rgb(121,187,221)
```
#88c3e1
```
#88c3e1 rgb(136,195,225)
```
#98cbe5
```
#98cbe5 rgb(152,203,229)
```
#a8d3e9
```
#a8d3e9 rgb(168,211,233)
```
#b7dbed
```
#b7dbed rgb(183,219,237)
```
#c7e3f1
```
#c7e3f1 rgb(199,227,241)
```
#d7ebf5
```
#d7ebf5 rgb(215,235,245)
```
#e6f3f9
```
#e6f3f9 rgb(230,243,249)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #697277 is the less saturated color, while #0294de is the most saturated one.

#697277
```
#697277 rgb(105,114,119)
```
#61757f
```
#61757f rgb(97,117,127)
```
#587888
```
#587888 rgb(88,120,136)
```
#4f7b91
```
#4f7b91 rgb(79,123,145)
```
#477e99
```
#477e99 rgb(71,126,153)
```
#3e80a2
```
#3e80a2 rgb(62,128,162)
```
#3683aa
```
#3683aa rgb(54,131,170)
```
#2d86b3
```
#2d86b3 rgb(45,134,179)
```
#2489bc
```
#2489bc rgb(36,137,188)
```
#1c8cc4
```
#1c8cc4 rgb(28,140,196)
```
#138ecd
```
#138ecd rgb(19,142,205)
```
#0b91d5
```
#0b91d5 rgb(11,145,213)
```
#0294de
```
#0294de rgb(2,148,222)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#63757e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7683b0 Protanopia 1% of men
#6d83ba Deuteranopia 1% of men
#0f919c Tritanopia 0.001% of the population

Trichromacy

#5b84b1 Protanomaly 1% of men, 0.01% of women
#5584b7 Deuteranomaly 6% of men, 0.4% of women
#1a8da4 Tritanomaly 0.01% of the population

#2d86b3 hex color

#2d86b3 Color Information

#2d86b3 Color Conversion

Color Schemes with #2d86b3

Alternatives to #2d86b3

#2d86b3 Preview

Shades and Tints of #2d86b3

Tones of #2d86b3

Color Blindness Simulator