#3d83bf hex color

In a RGB color space, hex #3d83bf is composed of 23.9% red, 51.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 31.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 207.7 degrees, a saturation of 51.6% and a lightness of 49.4%. #3d83bf color hex could be obtained by blending #7affff with #00077f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 51
- B 75
RGB color chart
- C 68
- M 31
- Y 0
- K 25
CMYK color chart

● #3d83bf color description : Moderate blue.

The hexadecimal color #3d83bf has RGB values of R:61, G:131, B:191 and CMYK values of C:0.68, M:0.31, Y:0, K:0.25. Its decimal value is 4031423.

Hex triplet	3d83bf	`#3d83bf`
RGB Decimal	61, 131, 191	`rgb(61,131,191)`
RGB Percent	23.9, 51.4, 74.9	`rgb(23.9%,51.4%,74.9%)`
CMYK	68, 31, 0, 25
HSL	207.7°, 51.6, 49.4	`hsl(207.7,51.6%,49.4%)`
HSV (or HSB)	207.7°, 68.1, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.933, -2.519, -37.794
XYZ	19.442, 20.985, 52.313
xyY	0.21, 0.226, 20.985
CIE-LCH	52.933, 37.878, 266.187
CIE-LUV	52.933, -27.18, -57.67
Hunter-Lab	45.809, -4.407, -35.642
Binary	00111101, 10000011, 10111111

#3d83bf
```
#3d83bf rgb(61,131,191)
```
#bf793d
```
#bf793d rgb(191,121,61)
```

Complementary Color

#3dbfba
```
#3dbfba rgb(61,191,186)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#3d42bf
```
#3d42bf rgb(61,66,191)
```

Analogous Color

#bfba3d
```
#bfba3d rgb(191,186,61)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#bf3d42
```
#bf3d42 rgb(191,61,66)
```

Split Complementary Color

#83bf3d
```
#83bf3d rgb(131,191,61)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#bf3d83
```
#bf3d83 rgb(191,61,131)
```

Triadic Color

#3dbf79
```
#3dbf79 rgb(61,191,121)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#bf3d83
```
#bf3d83 rgb(191,61,131)
```
#bf793d
```
#bf793d rgb(191,121,61)
```

Tetradic Color

#2a5b85
```
#2a5b85 rgb(42,91,133)
```
#316898
```
#316898 rgb(49,104,152)
```
#3776ac
```
#3776ac rgb(55,118,172)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#4f8fc7
```
#4f8fc7 rgb(79,143,199)
```
#629ccd
```
#629ccd rgb(98,156,205)
```
#75a8d3
```
#75a8d3 rgb(117,168,211)
```

Monochromatic Color

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

#3da4bf
```
#3da4bf rgb(61,164,191)
```
#3d99bf
```
#3d99bf rgb(61,153,191)
```
#3d8ebf
```
#3d8ebf rgb(61,142,191)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#3d78bf
```
#3d78bf rgb(61,120,191)
```
#3d6dbf
```
#3d6dbf rgb(61,109,191)
```
#3d63bf
```
#3d63bf rgb(61,99,191)
```

Similar Colors

Text with hexadecimal color #3d83bf

This text has a font color of #3d83bf.

<span style="color:#3d83bf;">Text here</span>

#3d83bf background color

This paragraph has a background color of #3d83bf.

<p style="background-color:#3d83bf;">Content here</p>

#3d83bf border color

This element has a border color of #3d83bf.

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

CSS codes

.text {color:#3d83bf;}

.background {background-color:#3d83bf;}

.border {border:1px solid #3d83bf;}

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, #04090d is the darkest color, while #fdfefe is the lightest one.

#04090d
```
#04090d rgb(4,9,13)
```
#09131b
```
#09131b rgb(9,19,27)
```
#0e1d2a
```
#0e1d2a rgb(14,29,42)
```
#122739
```
#122739 rgb(18,39,57)
```
#173148
```
#173148 rgb(23,49,72)
```
#1c3c57
```
#1c3c57 rgb(28,60,87)
```
#214666
```
#214666 rgb(33,70,102)
```
#255075
```
#255075 rgb(37,80,117)
```
#2a5a84
```
#2a5a84 rgb(42,90,132)
```
#2f6492
```
#2f6492 rgb(47,100,146)
```
#346fa1
```
#346fa1 rgb(52,111,161)
```
#3879b0
```
#3879b0 rgb(56,121,176)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```

Shade Color Variation

#4a8dc5
```
#4a8dc5 rgb(74,141,197)
```
#5996ca
```
#5996ca rgb(89,150,202)
```
#689fcf
```
#689fcf rgb(104,159,207)
```
#77a9d4
```
#77a9d4 rgb(119,169,212)
```
#86b2d8
```
#86b2d8 rgb(134,178,216)
```
#95bcdd
```
#95bcdd rgb(149,188,221)
```
#a4c5e2
```
#a4c5e2 rgb(164,197,226)
```
#b2cee7
```
#b2cee7 rgb(178,206,231)
```
#c1d8eb
```
#c1d8eb rgb(193,216,235)
```
#d0e1f0
```
#d0e1f0 rgb(208,225,240)
```
#dfebf5
```
#dfebf5 rgb(223,235,245)
```
#eef4fa
```
#eef4fa rgb(238,244,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777f85 is the less saturated color, while #0387f9 is the most saturated one.

#777f85
```
#777f85 rgb(119,127,133)
```
#6d7f8f
```
#6d7f8f rgb(109,127,143)
```
#648098
```
#648098 rgb(100,128,152)
```
#5a81a2
```
#5a81a2 rgb(90,129,162)
```
#5082ac
```
#5082ac rgb(80,130,172)
```
#4782b5
```
#4782b5 rgb(71,130,181)
```
#3d83bf
```
#3d83bf rgb(61,131,191)
```
#3384c9
```
#3384c9 rgb(51,132,201)
```
#2a84d2
```
#2a84d2 rgb(42,132,210)
```
#2085dc
```
#2085dc rgb(32,133,220)
```
#1686e6
```
#1686e6 rgb(22,134,230)
```
#0d87ef
```
#0d87ef rgb(13,135,239)
```
#0387f9
```
#0387f9 rgb(3,135,249)
```

Tone Color Variation

Below, you can see how #3d83bf 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

#757575 Achromatopsia 0.005% of the population
#6a7884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f83bd Protanopia 1% of men
#6284c4 Deuteranopia 1% of men
#24919c Tritanopia 0.001% of the population

Trichromacy

#5d83be Protanomaly 1% of men, 0.01% of women
#5584c2 Deuteranomaly 6% of men, 0.4% of women
#2d8ca8 Tritanomaly 0.01% of the population

#3d83bf hex color

#3d83bf Color Information

#3d83bf Color Conversion

Color Schemes with #3d83bf

Alternatives to #3d83bf

#3d83bf Preview

Shades and Tints of #3d83bf

Tones of #3d83bf

Color Blindness Simulator