#407c63 hex color

In a RGB color space, hex #407c63 is composed of 25.1% red, 48.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 0% magenta, 20.2% yellow and 51.4% black. It has a hue angle of 155 degrees, a saturation of 31.9% and a lightness of 36.9%. #407c63 color hex could be obtained by blending #80f8c6 with #000000. Closest websafe color is: #336666.

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

● #407c63 color description : Dark moderate cyan - lime green.

The hexadecimal color #407c63 has RGB values of R:64, G:124, B:99 and CMYK values of C:0.48, M:0, Y:0.2, K:0.51. Its decimal value is 4226147.

Hex triplet	407c63	`#407c63`
RGB Decimal	64, 124, 99	`rgb(64,124,99)`
RGB Percent	25.1, 48.6, 38.8	`rgb(25.1%,48.6%,38.8%)`
CMYK	48, 0, 20, 51
HSL	155°, 31.9, 36.9	`hsl(155,31.9%,36.9%)`
HSV (or HSB)	155°, 48.4, 48.6
Web Safe	336666	`#336666`

CIE-LAB	47.502, -25.891, 7.682
XYZ	11.573, 16.405, 14.36
xyY	0.273, 0.387, 16.405
CIE-LCH	47.502, 27.006, 163.474
CIE-LUV	47.502, -27.113, 13.97
Hunter-Lab	40.504, -19.877, 7.331
Binary	01000000, 01111100, 01100011

#407c63
```
#407c63 rgb(64,124,99)
```
#7c4059
```
#7c4059 rgb(124,64,89)
```

Complementary Color

#407c45
```
#407c45 rgb(64,124,69)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#40777c
```
#40777c rgb(64,119,124)
```

Analogous Color

#7c4540
```
#7c4540 rgb(124,69,64)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#7c4077
```
#7c4077 rgb(124,64,119)
```

Split Complementary Color

#7c6340
```
#7c6340 rgb(124,99,64)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#63407c
```
#63407c rgb(99,64,124)
```

Triadic Color

#597c40
```
#597c40 rgb(89,124,64)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#63407c
```
#63407c rgb(99,64,124)
```
#7c4059
```
#7c4059 rgb(124,64,89)
```

Tetradic Color

#264a3b
```
#264a3b rgb(38,74,59)
```
#2f5a48
```
#2f5a48 rgb(47,90,72)
```
#376b56
```
#376b56 rgb(55,107,86)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#498d70
```
#498d70 rgb(73,141,112)
```
#519e7e
```
#519e7e rgb(81,158,126)
```
#5dab8b
```
#5dab8b rgb(93,171,139)
```

Monochromatic Color

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

#407c54
```
#407c54 rgb(64,124,84)
```
#407c59
```
#407c59 rgb(64,124,89)
```
#407c5e
```
#407c5e rgb(64,124,94)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#407c68
```
#407c68 rgb(64,124,104)
```
#407c6d
```
#407c6d rgb(64,124,109)
```
#407c72
```
#407c72 rgb(64,124,114)
```

Similar Colors

Text with hexadecimal color #407c63

This text has a font color of #407c63.

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

#407c63 background color

This paragraph has a background color of #407c63.

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

#407c63 border color

This element has a border color of #407c63.

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

CSS codes

.text {color:#407c63;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0b1410
```
#0b1410 rgb(11,20,16)
```
#11211b
```
#11211b rgb(17,33,27)
```
#182e25
```
#182e25 rgb(24,46,37)
```
#1f3b2f
```
#1f3b2f rgb(31,59,47)
```
#25483a
```
#25483a rgb(37,72,58)
```
#2c5544
```
#2c5544 rgb(44,85,68)
```
#33624e
```
#33624e rgb(51,98,78)
```
#396f59
```
#396f59 rgb(57,111,89)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#47896d
```
#47896d rgb(71,137,109)
```
#4d9678
```
#4d9678 rgb(77,150,120)
```
#54a382
```
#54a382 rgb(84,163,130)
```

Shade Color Variation

#5eac8c
```
#5eac8c rgb(94,172,140)
```
#6bb395
```
#6bb395 rgb(107,179,149)
```
#78b99e
```
#78b99e rgb(120,185,158)
```
#85c0a8
```
#85c0a8 rgb(133,192,168)
```
#92c7b1
```
#92c7b1 rgb(146,199,177)
```
#9fcdba
```
#9fcdba rgb(159,205,186)
```
#acd4c3
```
#acd4c3 rgb(172,212,195)
```
#b9dbcd
```
#b9dbcd rgb(185,219,205)
```
#c6e2d6
```
#c6e2d6 rgb(198,226,214)
```
#d3e8df
```
#d3e8df rgb(211,232,223)
```
#e0efe9
```
#e0efe9 rgb(224,239,233)
```
#edf6f2
```
#edf6f2 rgb(237,246,242)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#5d5f5e
```
#5d5f5e rgb(93,95,94)
```
#56665f
```
#56665f rgb(86,102,95)
```
#4e6e61
```
#4e6e61 rgb(78,110,97)
```
#477562
```
#477562 rgb(71,117,98)
```
#407c63
```
#407c63 rgb(64,124,99)
```
#398364
```
#398364 rgb(57,131,100)
```
#328a65
```
#328a65 rgb(50,138,101)
```
#2a9267
```
#2a9267 rgb(42,146,103)
```
#239968
```
#239968 rgb(35,153,104)
```
#1ca069
```
#1ca069 rgb(28,160,105)
```
#15a76a
```
#15a76a rgb(21,167,106)
```
#0daf6b
```
#0daf6b rgb(13,175,107)
```
#06b66d
```
#06b66d rgb(6,182,109)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5f6b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7765 Protanopia 1% of men
#867470 Deuteranopia 1% of men
#537e87 Tritanopia 0.001% of the population

Trichromacy

#677964 Protanomaly 1% of men, 0.01% of women
#6c776b Deuteranomaly 6% of men, 0.4% of women
#4c7d7a Tritanomaly 0.01% of the population

#407c63 hex color

#407c63 Color Information

#407c63 Color Conversion

Color Schemes with #407c63

Alternatives to #407c63

#407c63 Preview

Shades and Tints of #407c63

Tones of #407c63

Color Blindness Simulator