#42678c hex color

In a RGB color space, hex #42678c is composed of 25.9% red, 40.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 26.4% magenta, 0% yellow and 45.1% black. It has a hue angle of 210 degrees, a saturation of 35.9% and a lightness of 40.4%. #42678c color hex could be obtained by blending #84ceff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 26
- G 40
- B 55
RGB color chart
- C 53
- M 26
- Y 0
- K 45
CMYK color chart

● #42678c color description : Dark moderate blue.

The hexadecimal color #42678c has RGB values of R:66, G:103, B:140 and CMYK values of C:0.53, M:0.26, Y:0, K:0.45. Its decimal value is 4351884.

Hex triplet	42678c	`#42678c`
RGB Decimal	66, 103, 140	`rgb(66,103,140)`
RGB Percent	25.9, 40.4, 54.9	`rgb(25.9%,40.4%,54.9%)`
CMYK	53, 26, 0, 45
HSL	210°, 35.9, 40.4	`hsl(210,35.9%,40.4%)`
HSV (or HSB)	210°, 52.9, 54.9
Web Safe	336699	`#336699`

CIE-LAB	42.386, -2.026, -24.435
XYZ	11.83, 12.752, 26.647
xyY	0.231, 0.249, 12.752
CIE-LCH	42.386, 24.519, 265.259
CIE-LUV	42.386, -16.897, -34.645
Hunter-Lab	35.709, -3.359, -19.248
Binary	01000010, 01100111, 10001100

#42678c
```
#42678c rgb(66,103,140)
```
#8c6742
```
#8c6742 rgb(140,103,66)
```

Complementary Color

#428c8c
```
#428c8c rgb(66,140,140)
```
#42678c
```
#42678c rgb(66,103,140)
```
#42428c
```
#42428c rgb(66,66,140)
```

Analogous Color

#8c8c42
```
#8c8c42 rgb(140,140,66)
```
#42678c
```
#42678c rgb(66,103,140)
```
#8c4242
```
#8c4242 rgb(140,66,66)
```

Split Complementary Color

#678c42
```
#678c42 rgb(103,140,66)
```
#42678c
```
#42678c rgb(66,103,140)
```
#8c4267
```
#8c4267 rgb(140,66,103)
```

Triadic Color

#428c67
```
#428c67 rgb(66,140,103)
```
#42678c
```
#42678c rgb(66,103,140)
```
#8c4267
```
#8c4267 rgb(140,66,103)
```
#8c6742
```
#8c6742 rgb(140,103,66)
```

Tetradic Color

#294158
```
#294158 rgb(41,65,88)
```
#324e69
```
#324e69 rgb(50,78,105)
```
#3a5a7b
```
#3a5a7b rgb(58,90,123)
```
#42678c
```
#42678c rgb(66,103,140)
```
#4a749d
```
#4a749d rgb(74,116,157)
```
#5381ae
```
#5381ae rgb(83,129,174)
```
#648db6
```
#648db6 rgb(100,141,182)
```

Monochromatic Color

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

#427a8c
```
#427a8c rgb(66,122,140)
```
#42738c
```
#42738c rgb(66,115,140)
```
#426d8c
```
#426d8c rgb(66,109,140)
```
#42678c
```
#42678c rgb(66,103,140)
```
#42618c
```
#42618c rgb(66,97,140)
```
#425b8c
```
#425b8c rgb(66,91,140)
```
#42558c
```
#42558c rgb(66,85,140)
```

Similar Colors

Text with hexadecimal color #42678c

This text has a font color of #42678c.

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

#42678c background color

This paragraph has a background color of #42678c.

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

#42678c border color

This element has a border color of #42678c.

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

CSS codes

.text {color:#42678c;}

.background {background-color:#42678c;}

.border {border:1px solid #42678c;}

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

#030507
```
#030507 rgb(3,5,7)
```
#090f14
```
#090f14 rgb(9,15,20)
```
#101921
```
#101921 rgb(16,25,33)
```
#16222f
```
#16222f rgb(22,34,47)
```
#1c2c3c
```
#1c2c3c rgb(28,44,60)
```
#233649
```
#233649 rgb(35,54,73)
```
#294057
```
#294057 rgb(41,64,87)
```
#2f4a64
```
#2f4a64 rgb(47,74,100)
```
#355371
```
#355371 rgb(53,83,113)
```
#3c5d7f
```
#3c5d7f rgb(60,93,127)
```
#42678c
```
#42678c rgb(66,103,140)
```
#487199
```
#487199 rgb(72,113,153)
```
#4f7ba7
```
#4f7ba7 rgb(79,123,167)
```

Shade Color Variation

#5884b0
```
#5884b0 rgb(88,132,176)
```
#668eb7
```
#668eb7 rgb(102,142,183)
```
#7398bd
```
#7398bd rgb(115,152,189)
```
#80a2c3
```
#80a2c3 rgb(128,162,195)
```
#8eacca
```
#8eacca rgb(142,172,202)
```
#9bb5d0
```
#9bb5d0 rgb(155,181,208)
```
#a8bfd6
```
#a8bfd6 rgb(168,191,214)
```
#b6c9dc
```
#b6c9dc rgb(182,201,220)
```
#c3d3e3
```
#c3d3e3 rgb(195,211,227)
```
#d0dde9
```
#d0dde9 rgb(208,221,233)
```
#dee7ef
```
#dee7ef rgb(222,231,239)
```
#ebf0f6
```
#ebf0f6 rgb(235,240,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62676c is the less saturated color, while #0367cb is the most saturated one.

#62676c
```
#62676c rgb(98,103,108)
```
#5a6774
```
#5a6774 rgb(90,103,116)
```
#52677c
```
#52677c rgb(82,103,124)
```
#4a6784
```
#4a6784 rgb(74,103,132)
```
#42678c
```
#42678c rgb(66,103,140)
```
#3a6794
```
#3a6794 rgb(58,103,148)
```
#32679c
```
#32679c rgb(50,103,156)
```
#2a67a4
```
#2a67a4 rgb(42,103,164)
```
#2267ac
```
#2267ac rgb(34,103,172)
```
#1a67b4
```
#1a67b4 rgb(26,103,180)
```
#1267bc
```
#1267bc rgb(18,103,188)
```
#0b67c3
```
#0b67c3 rgb(11,103,195)
```
#0367cb
```
#0367cb rgb(3,103,203)
```

Tone Color Variation

Below, you can see how #42678c 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

#606060 Achromatopsia 0.005% of the population
#5a6169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606a8f Protanopia 1% of men
#5d6b93 Deuteranopia 1% of men
#42737b Tritanopia 0.001% of the population

Trichromacy

#55698e Protanomaly 1% of men, 0.01% of women
#536990 Deuteranomaly 6% of men, 0.4% of women
#426e81 Tritanomaly 0.01% of the population

#42678c hex color

#42678c Color Information

#42678c Color Conversion

Color Schemes with #42678c

Alternatives to #42678c

#42678c Preview

Shades and Tints of #42678c

Tones of #42678c

Color Blindness Simulator