#428a8c hex color

In a RGB color space, hex #428a8c is composed of 25.9% red, 54.1% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 1.4% magenta, 0% yellow and 45.1% black. It has a hue angle of 181.6 degrees, a saturation of 35.9% and a lightness of 40.4%. #428a8c color hex could be obtained by blending #84ffff with #001519. Closest websafe color is: #339999.

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

● #428a8c color description : Dark moderate cyan.

The hexadecimal color #428a8c has RGB values of R:66, G:138, B:140 and CMYK values of C:0.53, M:0.01, Y:0, K:0.45. Its decimal value is 4360844.

Hex triplet	428a8c	`#428a8c`
RGB Decimal	66, 138, 140	`rgb(66,138,140)`
RGB Percent	25.9, 54.1, 54.9	`rgb(25.9%,54.1%,54.9%)`
CMYK	53, 1, 0, 45
HSL	181.6°, 35.9, 40.4	`hsl(181.6,35.9%,40.4%)`
HSV (or HSB)	181.6°, 52.9, 54.9
Web Safe	339999	`#339999`

CIE-LAB	53.198, -21.801, -7.968
XYZ	16.068, 21.228, 28.06
xyY	0.246, 0.325, 21.228
CIE-LCH	53.198, 23.211, 200.077
CIE-LUV	53.198, -30.655, -8.303
Hunter-Lab	46.073, -18.379, -3.858
Binary	01000010, 10001010, 10001100

#428a8c
```
#428a8c rgb(66,138,140)
```
#8c4442
```
#8c4442 rgb(140,68,66)
```

Complementary Color

#428c69
```
#428c69 rgb(66,140,105)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#42658c
```
#42658c rgb(66,101,140)
```

Analogous Color

#8c6942
```
#8c6942 rgb(140,105,66)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#8c4265
```
#8c4265 rgb(140,66,101)
```

Split Complementary Color

#8a8c42
```
#8a8c42 rgb(138,140,66)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#8c428a
```
#8c428a rgb(140,66,138)
```

Triadic Color

#428c44
```
#428c44 rgb(66,140,68)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#8c428a
```
#8c428a rgb(140,66,138)
```
#8c4442
```
#8c4442 rgb(140,68,66)
```

Tetradic Color

#295758
```
#295758 rgb(41,87,88)
```
#326869
```
#326869 rgb(50,104,105)
```
#3a797b
```
#3a797b rgb(58,121,123)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#4a9b9d
```
#4a9b9d rgb(74,155,157)
```
#53abae
```
#53abae rgb(83,171,174)
```
#64b4b6
```
#64b4b6 rgb(100,180,182)
```

Monochromatic Color

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

#428c7c
```
#428c7c rgb(66,140,124)
```
#428c82
```
#428c82 rgb(66,140,130)
```
#428c88
```
#428c88 rgb(66,140,136)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#42848c
```
#42848c rgb(66,132,140)
```
#427e8c
```
#427e8c rgb(66,126,140)
```
#42788c
```
#42788c rgb(66,120,140)
```

Similar Colors

Text with hexadecimal color #428a8c

This text has a font color of #428a8c.

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

#428a8c background color

This paragraph has a background color of #428a8c.

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

#428a8c border color

This element has a border color of #428a8c.

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

CSS codes

.text {color:#428a8c;}

.background {background-color:#428a8c;}

.border {border:1px solid #428a8c;}

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

#030707
```
#030707 rgb(3,7,7)
```
#091414
```
#091414 rgb(9,20,20)
```
#102121
```
#102121 rgb(16,33,33)
```
#162e2f
```
#162e2f rgb(22,46,47)
```
#1c3b3c
```
#1c3b3c rgb(28,59,60)
```
#234849
```
#234849 rgb(35,72,73)
```
#295557
```
#295557 rgb(41,85,87)
```
#2f6364
```
#2f6364 rgb(47,99,100)
```
#357071
```
#357071 rgb(53,112,113)
```
#3c7d7f
```
#3c7d7f rgb(60,125,127)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#489799
```
#489799 rgb(72,151,153)
```
#4fa4a7
```
#4fa4a7 rgb(79,164,167)
```

Shade Color Variation

#58aeb0
```
#58aeb0 rgb(88,174,176)
```
#66b5b7
```
#66b5b7 rgb(102,181,183)
```
#73bbbd
```
#73bbbd rgb(115,187,189)
```
#80c2c3
```
#80c2c3 rgb(128,194,195)
```
#8ec8ca
```
#8ec8ca rgb(142,200,202)
```
#9bced0
```
#9bced0 rgb(155,206,208)
```
#a8d5d6
```
#a8d5d6 rgb(168,213,214)
```
#b6dbdc
```
#b6dbdc rgb(182,219,220)
```
#c3e2e3
```
#c3e2e3 rgb(195,226,227)
```
#d0e8e9
```
#d0e8e9 rgb(208,232,233)
```
#deefef
```
#deefef rgb(222,239,239)
```
#ebf5f6
```
#ebf5f6 rgb(235,245,246)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#626c6c
```
#626c6c rgb(98,108,108)
```
#5a7474
```
#5a7474 rgb(90,116,116)
```
#527b7c
```
#527b7c rgb(82,123,124)
```
#4a8384
```
#4a8384 rgb(74,131,132)
```
#428a8c
```
#428a8c rgb(66,138,140)
```
#3a9194
```
#3a9194 rgb(58,145,148)
```
#32999c
```
#32999c rgb(50,153,156)
```
#2aa0a4
```
#2aa0a4 rgb(42,160,164)
```
#22a8ac
```
#22a8ac rgb(34,168,172)
```
#1aafb4
```
#1aafb4 rgb(26,175,180)
```
#12b7bc
```
#12b7bc rgb(18,183,188)
```
#0bbec3
```
#0bbec3 rgb(11,190,195)
```
#03c6cb
```
#03c6cb rgb(3,198,203)
```

Tone Color Variation

Below, you can see how #428a8c 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

#757575 Achromatopsia 0.005% of the population
#6b797a Atypical Achromatopsia 0.001% of the population

Dichromacy

#86848b Protanopia 1% of men
#898296 Deuteranopia 1% of men
#4f8e99 Tritanopia 0.001% of the population

Trichromacy

#6d868b Protanomaly 1% of men, 0.01% of women
#6f8592 Deuteranomaly 6% of men, 0.4% of women
#4a8d94 Tritanomaly 0.01% of the population

#428a8c hex color

#428a8c Color Information

#428a8c Color Conversion

Color Schemes with #428a8c

Alternatives to #428a8c

#428a8c Preview

Shades and Tints of #428a8c

Tones of #428a8c

Color Blindness Simulator