#407a87 hex color

In a RGB color space, hex #407a87 is composed of 25.1% red, 47.8% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 9.6% magenta, 0% yellow and 47.1% black. It has a hue angle of 191 degrees, a saturation of 35.7% and a lightness of 39%. #407a87 color hex could be obtained by blending #80f4ff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 48
- B 53
RGB color chart
- C 53
- M 10
- Y 0
- K 47
CMYK color chart

● #407a87 color description : Dark moderate cyan.

The hexadecimal color #407a87 has RGB values of R:64, G:122, B:135 and CMYK values of C:0.53, M:0.1, Y:0, K:0.47. Its decimal value is 4225671.

Hex triplet	407a87	`#407a87`
RGB Decimal	64, 122, 135	`rgb(64,122,135)`
RGB Percent	25.1, 47.8, 52.9	`rgb(25.1%,47.8%,52.9%)`
CMYK	53, 10, 0, 47
HSL	191°, 35.7, 39	`hsl(191,35.7%,39%)`
HSV (or HSB)	191°, 52.6, 52.9
Web Safe	336699	`#336699`

CIE-LAB	47.953, -15.132, -12.929
XYZ	13.446, 16.757, 25.446
xyY	0.242, 0.301, 16.757
CIE-LCH	47.953, 19.903, 220.512
CIE-LUV	47.953, -25.05, -16.362
Hunter-Lab	40.936, -13.007, -8.2
Binary	01000000, 01111010, 10000111

#407a87
```
#407a87 rgb(64,122,135)
```
#874d40
```
#874d40 rgb(135,77,64)
```

Complementary Color

#408771
```
#408771 rgb(64,135,113)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#405787
```
#405787 rgb(64,87,135)
```

Analogous Color

#877140
```
#877140 rgb(135,113,64)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#874057
```
#874057 rgb(135,64,87)
```

Split Complementary Color

#7a8740
```
#7a8740 rgb(122,135,64)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#87407a
```
#87407a rgb(135,64,122)
```

Triadic Color

#40874d
```
#40874d rgb(64,135,77)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#87407a
```
#87407a rgb(135,64,122)
```
#874d40
```
#874d40 rgb(135,77,64)
```

Tetradic Color

#274b53
```
#274b53 rgb(39,75,83)
```
#305b64
```
#305b64 rgb(48,91,100)
```
#386a76
```
#386a76 rgb(56,106,118)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#488a98
```
#488a98 rgb(72,138,152)
```
#5099aa
```
#5099aa rgb(80,153,170)
```
#60a4b4
```
#60a4b4 rgb(96,164,180)
```

Monochromatic Color

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

#408782
```
#408782 rgb(64,135,130)
```
#408687
```
#408687 rgb(64,134,135)
```
#408087
```
#408087 rgb(64,128,135)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#407487
```
#407487 rgb(64,116,135)
```
#406e87
```
#406e87 rgb(64,110,135)
```
#406887
```
#406887 rgb(64,104,135)
```

Similar Colors

Text with hexadecimal color #407a87

This text has a font color of #407a87.

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

#407a87 background color

This paragraph has a background color of #407a87.

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

#407a87 border color

This element has a border color of #407a87.

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

CSS codes

.text {color:#407a87;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070e0f
```
#070e0f rgb(7,14,15)
```
#0e1a1d
```
#0e1a1d rgb(14,26,29)
```
#14262a
```
#14262a rgb(20,38,42)
```
#1a3237
```
#1a3237 rgb(26,50,55)
```
#203e44
```
#203e44 rgb(32,62,68)
```
#274a52
```
#274a52 rgb(39,74,82)
```
#2d565f
```
#2d565f rgb(45,86,95)
```
#33626c
```
#33626c rgb(51,98,108)
```
#3a6e7a
```
#3a6e7a rgb(58,110,122)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#468694
```
#468694 rgb(70,134,148)
```
#4d92a2
```
#4d92a2 rgb(77,146,162)
```

Shade Color Variation

#549dae
```
#549dae rgb(84,157,174)
```
#61a5b4
```
#61a5b4 rgb(97,165,180)
```
#6fadbb
```
#6fadbb rgb(111,173,187)
```
#7cb4c1
```
#7cb4c1 rgb(124,180,193)
```
#89bcc7
```
#89bcc7 rgb(137,188,199)
```
#96c3cd
```
#96c3cd rgb(150,195,205)
```
#a4cbd4
```
#a4cbd4 rgb(164,203,212)
```
#b1d3da
```
#b1d3da rgb(177,211,218)
```
#bedae0
```
#bedae0 rgb(190,218,224)
```
#cce2e7
```
#cce2e7 rgb(204,226,231)
```
#d9e9ed
```
#d9e9ed rgb(217,233,237)
```
#e6f1f3
```
#e6f1f3 rgb(230,241,243)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

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

#5f6768
```
#5f6768 rgb(95,103,104)
```
#576b70
```
#576b70 rgb(87,107,112)
```
#4f7078
```
#4f7078 rgb(79,112,120)
```
#48757f
```
#48757f rgb(72,117,127)
```
#407a87
```
#407a87 rgb(64,122,135)
```
#387f8f
```
#387f8f rgb(56,127,143)
```
#318496
```
#318496 rgb(49,132,150)
```
#29899e
```
#29899e rgb(41,137,158)
```
#218da6
```
#218da6 rgb(33,141,166)
```
#1a92ad
```
#1a92ad rgb(26,146,173)
```
#1297b5
```
#1297b5 rgb(18,151,181)
```
#0a9cbd
```
#0a9cbd rgb(10,156,189)
```
#03a1c4
```
#03a1c4 rgb(3,161,196)
```

Tone Color Variation

Below, you can see how #407a87 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
#626d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767888 Protanopia 1% of men
#777690 Deuteranopia 1% of men
#48818a Tritanopia 0.001% of the population

Trichromacy

#627887 Protanomaly 1% of men, 0.01% of women
#63778d Deuteranomaly 6% of men, 0.4% of women
#457e89 Tritanomaly 0.01% of the population

#407a87 hex color

#407a87 Color Information

#407a87 Color Conversion

Color Schemes with #407a87

Alternatives to #407a87

#407a87 Preview

Shades and Tints of #407a87

Tones of #407a87

Color Blindness Simulator