#407583 hex color

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

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

● #407583 color description : Dark moderate cyan.

The hexadecimal color #407583 has RGB values of R:64, G:117, B:131 and CMYK values of C:0.51, M:0.11, Y:0, K:0.49. Its decimal value is 4224387.

Hex triplet	407583	`#407583`
RGB Decimal	64, 117, 131	`rgb(64,117,131)`
RGB Percent	25.1, 45.9, 51.4	`rgb(25.1%,45.9%,51.4%)`
CMYK	51, 11, 0, 49
HSL	192.5°, 34.4, 38.2	`hsl(192.5,34.4%,38.2%)`
HSV (or HSB)	192.5°, 51.1, 51.4
Web Safe	336699	`#336699`

CIE-LAB	46.245, -13.546, -13.143
XYZ	12.571, 15.45, 23.791
xyY	0.243, 0.298, 15.45
CIE-LCH	46.245, 18.874, 224.134
CIE-LUV	46.245, -23.181, -16.759
Hunter-Lab	39.307, -11.699, -8.371
Binary	01000000, 01110101, 10000011

#407583
```
#407583 rgb(64,117,131)
```
#834e40
```
#834e40 rgb(131,78,64)
```

Complementary Color

#408370
```
#408370 rgb(64,131,112)
```
#407583
```
#407583 rgb(64,117,131)
```
#405483
```
#405483 rgb(64,84,131)
```

Analogous Color

#837040
```
#837040 rgb(131,112,64)
```
#407583
```
#407583 rgb(64,117,131)
```
#834054
```
#834054 rgb(131,64,84)
```

Split Complementary Color

#758340
```
#758340 rgb(117,131,64)
```
#407583
```
#407583 rgb(64,117,131)
```
#834075
```
#834075 rgb(131,64,117)
```

Triadic Color

#40834e
```
#40834e rgb(64,131,78)
```
#407583
```
#407583 rgb(64,117,131)
```
#834075
```
#834075 rgb(131,64,117)
```
#834e40
```
#834e40 rgb(131,78,64)
```

Tetradic Color

#274750
```
#274750 rgb(39,71,80)
```
#2f5661
```
#2f5661 rgb(47,86,97)
```
#386672
```
#386672 rgb(56,102,114)
```
#407583
```
#407583 rgb(64,117,131)
```
#488494
```
#488494 rgb(72,132,148)
```
#5194a5
```
#5194a5 rgb(81,148,165)
```
#5fa0b1
```
#5fa0b1 rgb(95,160,177)
```

Monochromatic Color

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

#408380
```
#408380 rgb(64,131,128)
```
#408083
```
#408083 rgb(64,128,131)
```
#407b83
```
#407b83 rgb(64,123,131)
```
#407583
```
#407583 rgb(64,117,131)
```
#406f83
```
#406f83 rgb(64,111,131)
```
#406a83
```
#406a83 rgb(64,106,131)
```
#406483
```
#406483 rgb(64,100,131)
```

Similar Colors

Text with hexadecimal color #407583

This text has a font color of #407583.

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

#407583 background color

This paragraph has a background color of #407583.

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

#407583 border color

This element has a border color of #407583.

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

CSS codes

.text {color:#407583;}

.background {background-color:#407583;}

.border {border:1px solid #407583;}

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

#060b0c
```
#060b0c rgb(6,11,12)
```
#0c171a
```
#0c171a rgb(12,23,26)
```
#132327
```
#132327 rgb(19,35,39)
```
#192e34
```
#192e34 rgb(25,46,52)
```
#203a41
```
#203a41 rgb(32,58,65)
```
#26464e
```
#26464e rgb(38,70,78)
```
#2d525b
```
#2d525b rgb(45,82,91)
```
#335d69
```
#335d69 rgb(51,93,105)
```
#3a6976
```
#3a6976 rgb(58,105,118)
```
#407583
```
#407583 rgb(64,117,131)
```
#468190
```
#468190 rgb(70,129,144)
```
#4d8d9d
```
#4d8d9d rgb(77,141,157)
```
#5398ab
```
#5398ab rgb(83,152,171)
```

Shade Color Variation

#60a0b1
```
#60a0b1 rgb(96,160,177)
```
#6da8b8
```
#6da8b8 rgb(109,168,184)
```
#7ab0be
```
#7ab0be rgb(122,176,190)
```
#88b8c5
```
#88b8c5 rgb(136,184,197)
```
#95c0cb
```
#95c0cb rgb(149,192,203)
```
#a2c8d2
```
#a2c8d2 rgb(162,200,210)
```
#afcfd8
```
#afcfd8 rgb(175,207,216)
```
#bcd7de
```
#bcd7de rgb(188,215,222)
```
#cadfe5
```
#cadfe5 rgb(202,223,229)
```
#d7e7eb
```
#d7e7eb rgb(215,231,235)
```
#e4eff2
```
#e4eff2 rgb(228,239,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 #0498bf is the most saturated one.

#5e6465
```
#5e6465 rgb(94,100,101)
```
#57686d
```
#57686d rgb(87,104,109)
```
#4f6c74
```
#4f6c74 rgb(79,108,116)
```
#48717c
```
#48717c rgb(72,113,124)
```
#407583
```
#407583 rgb(64,117,131)
```
#39798b
```
#39798b rgb(57,121,139)
```
#317e92
```
#317e92 rgb(49,126,146)
```
#2a829a
```
#2a829a rgb(42,130,154)
```
#2286a1
```
#2286a1 rgb(34,134,161)
```
#1b8ba9
```
#1b8ba9 rgb(27,139,169)
```
#138fb0
```
#138fb0 rgb(19,143,176)
```
#0c94b8
```
#0c94b8 rgb(12,148,184)
```
#0498bf
```
#0498bf rgb(4,152,191)
```

Tone Color Variation

Below, you can see how #407583 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
#5f6a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#727484 Protanopia 1% of men
#73728c Deuteranopia 1% of men
#487c85 Tritanopia 0.001% of the population

Trichromacy

#5f7484 Protanomaly 1% of men, 0.01% of women
#607389 Deuteranomaly 6% of men, 0.4% of women
#457984 Tritanomaly 0.01% of the population

#407583 hex color

#407583 Color Information

#407583 Color Conversion

Color Schemes with #407583

Alternatives to #407583

#407583 Preview

Shades and Tints of #407583

Tones of #407583

Color Blindness Simulator