#3d80c7 hex color

In a RGB color space, hex #3d80c7 is composed of 23.9% red, 50.2% green and 78% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 35.7% magenta, 0% yellow and 22% black. It has a hue angle of 210.9 degrees, a saturation of 55.2% and a lightness of 51%. #3d80c7 color hex could be obtained by blending #7affff with #00018f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 50
- B 78
RGB color chart
- C 69
- M 36
- Y 0
- K 22
CMYK color chart

● #3d80c7 color description : Moderate blue.

The hexadecimal color #3d80c7 has RGB values of R:61, G:128, B:199 and CMYK values of C:0.69, M:0.36, Y:0, K:0.22. Its decimal value is 4030663.

Hex triplet	3d80c7	`#3d80c7`
RGB Decimal	61, 128, 199	`rgb(61,128,199)`
RGB Percent	23.9, 50.2, 78	`rgb(23.9%,50.2%,78%)`
CMYK	69, 36, 0, 22
HSL	210.9°, 55.2, 51	`hsl(210.9,55.2%,51%)`
HSV (or HSB)	210.9°, 69.3, 78
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.456, 2.077, -43.109
XYZ	19.95, 20.552, 56.945
xyY	0.205, 0.211, 20.552
CIE-LCH	52.456, 43.159, 272.759
CIE-LUV	52.456, -25.875, -66.628
Hunter-Lab	45.335, -0.785, -42.74
Binary	00111101, 10000000, 11000111

#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#c7843d
```
#c7843d rgb(199,132,61)
```

Complementary Color

#3dc5c7
```
#3dc5c7 rgb(61,197,199)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#3f3dc7
```
#3f3dc7 rgb(63,61,199)
```

Analogous Color

#c5c73d
```
#c5c73d rgb(197,199,61)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#c73f3d
```
#c73f3d rgb(199,63,61)
```

Split Complementary Color

#80c73d
```
#80c73d rgb(128,199,61)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#c73d80
```
#c73d80 rgb(199,61,128)
```

Triadic Color

#3dc784
```
#3dc784 rgb(61,199,132)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#c73d80
```
#c73d80 rgb(199,61,128)
```
#c7843d
```
#c7843d rgb(199,132,61)
```

Tetradic Color

#295a8e
```
#295a8e rgb(41,90,142)
```
#2f67a2
```
#2f67a2 rgb(47,103,162)
```
#3573b6
```
#3573b6 rgb(53,115,182)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#518dcd
```
#518dcd rgb(81,141,205)
```
#659ad2
```
#659ad2 rgb(101,154,210)
```
#78a7d8
```
#78a7d8 rgb(120,167,216)
```

Monochromatic Color

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

#3da3c7
```
#3da3c7 rgb(61,163,199)
```
#3d97c7
```
#3d97c7 rgb(61,151,199)
```
#3d8cc7
```
#3d8cc7 rgb(61,140,199)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#3d75c7
```
#3d75c7 rgb(61,117,199)
```
#3d69c7
```
#3d69c7 rgb(61,105,199)
```
#3d5ec7
```
#3d5ec7 rgb(61,94,199)
```

Similar Colors

Text with hexadecimal color #3d80c7

This text has a font color of #3d80c7.

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

#3d80c7 background color

This paragraph has a background color of #3d80c7.

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

#3d80c7 border color

This element has a border color of #3d80c7.

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

CSS codes

.text {color:#3d80c7;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060c13
```
#060c13 rgb(6,12,19)
```
#0a1622
```
#0a1622 rgb(10,22,34)
```
#0e1f32
```
#0e1f32 rgb(14,31,50)
```
#132941
```
#132941 rgb(19,41,65)
```
#173350
```
#173350 rgb(23,51,80)
```
#1b3c5f
```
#1b3c5f rgb(27,60,95)
```
#20466e
```
#20466e rgb(32,70,110)
```
#24507e
```
#24507e rgb(36,80,126)
```
#29598d
```
#29598d rgb(41,89,141)
```
#2d639c
```
#2d639c rgb(45,99,156)
```
#316dab
```
#316dab rgb(49,109,171)
```
#3676bb
```
#3676bb rgb(54,118,187)
```

Shade Color Variation

#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#4c8acb
```
#4c8acb rgb(76,138,203)
```
#5b94d0
```
#5b94d0 rgb(91,148,208)
```
#6b9ed4
```
#6b9ed4 rgb(107,158,212)
```
#7aa8d9
```
#7aa8d9 rgb(122,168,217)
```
#89b2dd
```
#89b2dd rgb(137,178,221)
```
#98bce1
```
#98bce1 rgb(152,188,225)
```
#a8c6e6
```
#a8c6e6 rgb(168,198,230)
```
#b7d0ea
```
#b7d0ea rgb(183,208,234)
```
#c6daef
```
#c6daef rgb(198,218,239)
```
#d5e4f3
```
#d5e4f3 rgb(213,228,243)
```
#e4eef7
```
#e4eef7 rgb(228,238,247)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

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

#808284
```
#808284 rgb(128,130,132)
```
#77828d
```
#77828d rgb(119,130,141)
```
#6d8197
```
#6d8197 rgb(109,129,151)
```
#6381a1
```
#6381a1 rgb(99,129,161)
```
#5a81aa
```
#5a81aa rgb(90,129,170)
```
#5081b4
```
#5081b4 rgb(80,129,180)
```
#4780bd
```
#4780bd rgb(71,128,189)
```
#3d80c7
```
#3d80c7 rgb(61,128,199)
```
#3380d1
```
#3380d1 rgb(51,128,209)
```
#2a7fda
```
#2a7fda rgb(42,127,218)
```
#207fe4
```
#207fe4 rgb(32,127,228)
```
#177fed
```
#177fed rgb(23,127,237)
```
#0d7ff7
```
#0d7ff7 rgb(13,127,247)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#697685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6881c6 Protanopia 1% of men
#5684ca Deuteranopia 1% of men
#00909b Tritanopia 0.001% of the population

Trichromacy

#5881c6 Protanomaly 1% of men, 0.01% of women
#4d82c9 Deuteranomaly 6% of men, 0.4% of women
#168aab Tritanomaly 0.01% of the population

#3d80c7 hex color

#3d80c7 Color Information

#3d80c7 Color Conversion

Color Schemes with #3d80c7

Alternatives to #3d80c7

#3d80c7 Preview

Shades and Tints of #3d80c7

Tones of #3d80c7

Color Blindness Simulator