#407a83 hex color

In a RGB color space, hex #407a83 is composed of 25.1% red, 47.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 6.9% magenta, 0% yellow and 48.6% black. It has a hue angle of 188.1 degrees, a saturation of 34.4% and a lightness of 38.2%. #407a83 color hex could be obtained by blending #80f4ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 51
RGB color chart
- C 51
- M 7
- Y 0
- K 49
CMYK color chart

● #407a83 color description : Dark moderate cyan.

The hexadecimal color #407a83 has RGB values of R:64, G:122, B:131 and CMYK values of C:0.51, M:0.07, Y:0, K:0.49. Its decimal value is 4225667.

Hex triplet	407a83	`#407a83`
RGB Decimal	64, 122, 131	`rgb(64,122,131)`
RGB Percent	25.1, 47.8, 51.4	`rgb(25.1%,47.8%,51.4%)`
CMYK	51, 7, 0, 49
HSL	188.1°, 34.4, 38.2	`hsl(188.1,34.4%,38.2%)`
HSV (or HSB)	188.1°, 51.1, 51.4
Web Safe	336699	`#336699`

CIE-LAB	47.812, -16.322, -10.777
XYZ	13.17, 16.647, 23.991
xyY	0.245, 0.309, 16.647
CIE-LCH	47.812, 19.558, 213.436
CIE-LUV	47.812, -25.185, -12.99
Hunter-Lab	40.801, -13.785, -6.302
Binary	01000000, 01111010, 10000011

#407a83
```
#407a83 rgb(64,122,131)
```
#834940
```
#834940 rgb(131,73,64)
```

Complementary Color

#40836b
```
#40836b rgb(64,131,107)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#405983
```
#405983 rgb(64,89,131)
```

Analogous Color

#836b40
```
#836b40 rgb(131,107,64)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#834059
```
#834059 rgb(131,64,89)
```

Split Complementary Color

#7a8340
```
#7a8340 rgb(122,131,64)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#83407a
```
#83407a rgb(131,64,122)
```

Triadic Color

#408349
```
#408349 rgb(64,131,73)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#83407a
```
#83407a rgb(131,64,122)
```
#834940
```
#834940 rgb(131,73,64)
```

Tetradic Color

#274a50
```
#274a50 rgb(39,74,80)
```
#2f5a61
```
#2f5a61 rgb(47,90,97)
```
#386a72
```
#386a72 rgb(56,106,114)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#488a94
```
#488a94 rgb(72,138,148)
```
#519aa5
```
#519aa5 rgb(81,154,165)
```
#5fa6b1
```
#5fa6b1 rgb(95,166,177)
```

Monochromatic Color

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

#40837b
```
#40837b rgb(64,131,123)
```
#408381
```
#408381 rgb(64,131,129)
```
#408083
```
#408083 rgb(64,128,131)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#407483
```
#407483 rgb(64,116,131)
```
#406f83
```
#406f83 rgb(64,111,131)
```
#406983
```
#406983 rgb(64,105,131)
```

Similar Colors

Text with hexadecimal color #407a83

This text has a font color of #407a83.

<span style="color:#407a83;">Text here</span>

#407a83 background color

This paragraph has a background color of #407a83.

<p style="background-color:#407a83;">Content here</p>

#407a83 border color

This element has a border color of #407a83.

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

CSS codes

.text {color:#407a83;}

.background {background-color:#407a83;}

.border {border:1px solid #407a83;}

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, #060c0c is the darkest color, while #feffff is the lightest one.

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c181a
```
#0c181a rgb(12,24,26)
```
#132427
```
#132427 rgb(19,36,39)
```
#193034
```
#193034 rgb(25,48,52)
```
#203d41
```
#203d41 rgb(32,61,65)
```
#26494e
```
#26494e rgb(38,73,78)
```
#2d555b
```
#2d555b rgb(45,85,91)
```
#336169
```
#336169 rgb(51,97,105)
```
#3a6e76
```
#3a6e76 rgb(58,110,118)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#468690
```
#468690 rgb(70,134,144)
```
#4d939d
```
#4d939d rgb(77,147,157)
```
#539fab
```
#539fab rgb(83,159,171)
```

Shade Color Variation

#60a6b1
```
#60a6b1 rgb(96,166,177)
```
#6daeb8
```
#6daeb8 rgb(109,174,184)
```
#7ab5be
```
#7ab5be rgb(122,181,190)
```
#88bcc5
```
#88bcc5 rgb(136,188,197)
```
#95c4cb
```
#95c4cb rgb(149,196,203)
```
#a2cbd2
```
#a2cbd2 rgb(162,203,210)
```
#afd3d8
```
#afd3d8 rgb(175,211,216)
```
#bcdade
```
#bcdade rgb(188,218,222)
```
#cae1e5
```
#cae1e5 rgb(202,225,229)
```
#d7e9eb
```
#d7e9eb rgb(215,233,235)
```
#e4f0f2
```
#e4f0f2 rgb(228,240,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6465 is the less saturated color, while #04a6bf is the most saturated one.

#5e6465
```
#5e6465 rgb(94,100,101)
```
#576a6d
```
#576a6d rgb(87,106,109)
```
#4f6f74
```
#4f6f74 rgb(79,111,116)
```
#48757c
```
#48757c rgb(72,117,124)
```
#407a83
```
#407a83 rgb(64,122,131)
```
#397f8b
```
#397f8b rgb(57,127,139)
```
#318592
```
#318592 rgb(49,133,146)
```
#2a8a9a
```
#2a8a9a rgb(42,138,154)
```
#2290a1
```
#2290a1 rgb(34,144,161)
```
#1b95a9
```
#1b95a9 rgb(27,149,169)
```
#139bb0
```
#139bb0 rgb(19,155,176)
```
#0ca0b8
```
#0ca0b8 rgb(12,160,184)
```
#04a6bf
```
#04a6bf rgb(4,166,191)
```

Tone Color Variation

Below, you can see how #407a83 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

#6a6a6a Achromatopsia 0.005% of the population
#626d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#777884 Protanopia 1% of men
#79768d Deuteranopia 1% of men
#4a808a Tritanopia 0.001% of the population

Trichromacy

#637883 Protanomaly 1% of men, 0.01% of women
#647789 Deuteranomaly 6% of men, 0.4% of women
#467e87 Tritanomaly 0.01% of the population

#407a83 hex color

#407a83 Color Information

#407a83 Color Conversion

Color Schemes with #407a83

Alternatives to #407a83

#407a83 Preview

Shades and Tints of #407a83

Tones of #407a83

Color Blindness Simulator