#42748f hex color

In a RGB color space, hex #42748f is composed of 25.9% red, 45.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 18.9% magenta, 0% yellow and 43.9% black. It has a hue angle of 201 degrees, a saturation of 36.8% and a lightness of 41%. #42748f color hex could be obtained by blending #84e8ff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 26
- G 45
- B 56
RGB color chart
- C 54
- M 19
- Y 0
- K 44
CMYK color chart

● #42748f color description : Dark moderate blue.

The hexadecimal color #42748f has RGB values of R:66, G:116, B:143 and CMYK values of C:0.54, M:0.19, Y:0, K:0.44. Its decimal value is 4355215.

Hex triplet	42748f	`#42748f`
RGB Decimal	66, 116, 143	`rgb(66,116,143)`
RGB Percent	25.9, 45.5, 56.1	`rgb(25.9%,45.5%,56.1%)`
CMYK	54, 19, 0, 44
HSL	201°, 36.8, 41	`hsl(201,36.8%,41%)`
HSV (or HSB)	201°, 53.8, 56.1
Web Safe	336699	`#336699`

CIE-LAB	46.487, -8.794, -19.89
XYZ	13.449, 15.631, 28.294
xyY	0.234, 0.272, 15.631
CIE-LCH	46.487, 21.747, 246.147
CIE-LUV	46.487, -21.874, -27.565
Hunter-Lab	39.537, -8.47, -14.754
Binary	01000010, 01110100, 10001111

#42748f
```
#42748f rgb(66,116,143)
```
#8f5d42
```
#8f5d42 rgb(143,93,66)
```

Complementary Color

#428f84
```
#428f84 rgb(66,143,132)
```
#42748f
```
#42748f rgb(66,116,143)
```
#424e8f
```
#424e8f rgb(66,78,143)
```

Analogous Color

#8f8442
```
#8f8442 rgb(143,132,66)
```
#42748f
```
#42748f rgb(66,116,143)
```
#8f424e
```
#8f424e rgb(143,66,78)
```

Split Complementary Color

#748f42
```
#748f42 rgb(116,143,66)
```
#42748f
```
#42748f rgb(66,116,143)
```
#8f4274
```
#8f4274 rgb(143,66,116)
```

Triadic Color

#428f5d
```
#428f5d rgb(66,143,93)
```
#42748f
```
#42748f rgb(66,116,143)
```
#8f4274
```
#8f4274 rgb(143,66,116)
```
#8f5d42
```
#8f5d42 rgb(143,93,66)
```

Tetradic Color

#2a4a5b
```
#2a4a5b rgb(42,74,91)
```
#32586c
```
#32586c rgb(50,88,108)
```
#3a667e
```
#3a667e rgb(58,102,126)
```
#42748f
```
#42748f rgb(66,116,143)
```
#4a82a0
```
#4a82a0 rgb(74,130,160)
```
#5490b0
```
#5490b0 rgb(84,144,176)
```
#659bb8
```
#659bb8 rgb(101,155,184)
```

Monochromatic Color

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

#42878f
```
#42878f rgb(66,135,143)
```
#42818f
```
#42818f rgb(66,129,143)
```
#427a8f
```
#427a8f rgb(66,122,143)
```
#42748f
```
#42748f rgb(66,116,143)
```
#426e8f
```
#426e8f rgb(66,110,143)
```
#42678f
```
#42678f rgb(66,103,143)
```
#42618f
```
#42618f rgb(66,97,143)
```

Similar Colors

Text with hexadecimal color #42748f

This text has a font color of #42748f.

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

#42748f background color

This paragraph has a background color of #42748f.

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

#42748f border color

This element has a border color of #42748f.

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

CSS codes

.text {color:#42748f;}

.background {background-color:#42748f;}

.border {border:1px solid #42748f;}

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

#040709
```
#040709 rgb(4,7,9)
```
#0a1216
```
#0a1216 rgb(10,18,22)
```
#101d24
```
#101d24 rgb(16,29,36)
```
#172831
```
#172831 rgb(23,40,49)
```
#1d333e
```
#1d333e rgb(29,51,62)
```
#233e4c
```
#233e4c rgb(35,62,76)
```
#294859
```
#294859 rgb(41,72,89)
```
#2f5367
```
#2f5367 rgb(47,83,103)
```
#365e74
```
#365e74 rgb(54,94,116)
```
#3c6982
```
#3c6982 rgb(60,105,130)
```
#42748f
```
#42748f rgb(66,116,143)
```
#487f9c
```
#487f9c rgb(72,127,156)
```
#4e8aaa
```
#4e8aaa rgb(78,138,170)
```

Shade Color Variation

#5993b3
```
#5993b3 rgb(89,147,179)
```
#679cb9
```
#679cb9 rgb(103,156,185)
```
#74a5bf
```
#74a5bf rgb(116,165,191)
```
#82adc5
```
#82adc5 rgb(130,173,197)
```
#8fb6cb
```
#8fb6cb rgb(143,182,203)
```
#9cbfd2
```
#9cbfd2 rgb(156,191,210)
```
#aac8d8
```
#aac8d8 rgb(170,200,216)
```
#b7d0de
```
#b7d0de rgb(183,208,222)
```
#c5d9e4
```
#c5d9e4 rgb(197,217,228)
```
#d2e2ea
```
#d2e2ea rgb(210,226,234)
```
#e0ebf0
```
#e0ebf0 rgb(224,235,240)
```
#edf3f7
```
#edf3f7 rgb(237,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a6f is the less saturated color, while #0287cf is the most saturated one.

#626a6f
```
#626a6f rgb(98,106,111)
```
#5a6d77
```
#5a6d77 rgb(90,109,119)
```
#526f7f
```
#526f7f rgb(82,111,127)
```
#4a7287
```
#4a7287 rgb(74,114,135)
```
#42748f
```
#42748f rgb(66,116,143)
```
#3a7697
```
#3a7697 rgb(58,118,151)
```
#32799f
```
#32799f rgb(50,121,159)
```
#2a7ba7
```
#2a7ba7 rgb(42,123,167)
```
#227eaf
```
#227eaf rgb(34,126,175)
```
#1a80b7
```
#1a80b7 rgb(26,128,183)
```
#1282bf
```
#1282bf rgb(18,130,191)
```
#0a85c7
```
#0a85c7 rgb(10,133,199)
```
#0287cf
```
#0287cf rgb(2,135,207)
```

Tone Color Variation

Below, you can see how #42748f 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

#686868 Achromatopsia 0.005% of the population
#606a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7490 Protanopia 1% of men
#6c7497 Deuteranopia 1% of men
#457d86 Tritanopia 0.001% of the population

Trichromacy

#5e748f Protanomaly 1% of men, 0.01% of women
#5d7494 Deuteranomaly 6% of men, 0.4% of women
#447a89 Tritanomaly 0.01% of the population

#42748f hex color

#42748f Color Information

#42748f Color Conversion

Color Schemes with #42748f

Alternatives to #42748f

#42748f Preview

Shades and Tints of #42748f

Tones of #42748f

Color Blindness Simulator