#42a4b7 hex color

In a RGB color space, hex #42a4b7 is composed of 25.9% red, 64.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 10.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 189.7 degrees, a saturation of 47% and a lightness of 48.8%. #42a4b7 color hex could be obtained by blending #84ffff with #00496f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 64
- B 72
RGB color chart
- C 64
- M 10
- Y 0
- K 28
CMYK color chart

● #42a4b7 color description : Moderate cyan.

The hexadecimal color #42a4b7 has RGB values of R:66, G:164, B:183 and CMYK values of C:0.64, M:0.1, Y:0, K:0.28. Its decimal value is 4367543.

Hex triplet	42a4b7	`#42a4b7`
RGB Decimal	66, 164, 183	`rgb(66,164,183)`
RGB Percent	25.9, 64.3, 71.8	`rgb(25.9%,64.3%,71.8%)`
CMYK	64, 10, 0, 28
HSL	189.7°, 47, 48.8	`hsl(189.7,47%,48.8%)`
HSV (or HSB)	189.7°, 63.9, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.614, -22.529, -18.281
XYZ	24.067, 31.126, 49.537
xyY	0.23, 0.297, 31.126
CIE-LCH	62.614, 29.013, 219.057
CIE-LUV	62.614, -38.517, -24.688
Hunter-Lab	55.791, -20.632, -13.59
Binary	01000010, 10100100, 10110111

#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#b75542
```
#b75542 rgb(183,85,66)
```

Complementary Color

#42b790
```
#42b790 rgb(66,183,144)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#426ab7
```
#426ab7 rgb(66,106,183)
```

Analogous Color

#b79042
```
#b79042 rgb(183,144,66)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#b7426a
```
#b7426a rgb(183,66,106)
```

Split Complementary Color

#a4b742
```
#a4b742 rgb(164,183,66)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#b742a4
```
#b742a4 rgb(183,66,164)
```

Triadic Color

#42b755
```
#42b755 rgb(66,183,85)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#b742a4
```
#b742a4 rgb(183,66,164)
```
#b75542
```
#b75542 rgb(183,85,66)
```

Tetradic Color

#2e727f
```
#2e727f rgb(46,114,127)
```
#348292
```
#348292 rgb(52,130,146)
```
#3b93a4
```
#3b93a4 rgb(59,147,164)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#52afc1
```
#52afc1 rgb(82,175,193)
```
#65b7c7
```
#65b7c7 rgb(101,183,199)
```
#77c0ce
```
#77c0ce rgb(119,192,206)
```

Monochromatic Color

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

#42b7ad
```
#42b7ad rgb(66,183,173)
```
#42b7b7
```
#42b7b7 rgb(66,183,183)
```
#42aeb7
```
#42aeb7 rgb(66,174,183)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#429ab7
```
#429ab7 rgb(66,154,183)
```
#4291b7
```
#4291b7 rgb(66,145,183)
```
#4287b7
```
#4287b7 rgb(66,135,183)
```

Similar Colors

Text with hexadecimal color #42a4b7

This text has a font color of #42a4b7.

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

#42a4b7 background color

This paragraph has a background color of #42a4b7.

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

#42a4b7 border color

This element has a border color of #42a4b7.

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

CSS codes

.text {color:#42a4b7;}

.background {background-color:#42a4b7;}

.border {border:1px solid #42a4b7;}

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#091618
```
#091618 rgb(9,22,24)
```
#0e2327
```
#0e2327 rgb(14,35,39)
```
#133035
```
#133035 rgb(19,48,53)
```
#183d44
```
#183d44 rgb(24,61,68)
```
#1e4a52
```
#1e4a52 rgb(30,74,82)
```
#235661
```
#235661 rgb(35,86,97)
```
#28636f
```
#28636f rgb(40,99,111)
```
#2d707d
```
#2d707d rgb(45,112,125)
```
#327d8c
```
#327d8c rgb(50,125,140)
```
#388a9a
```
#388a9a rgb(56,138,154)
```
#3d97a9
```
#3d97a9 rgb(61,151,169)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```

Shade Color Variation

#4eadbf
```
#4eadbf rgb(78,173,191)
```
#5cb3c4
```
#5cb3c4 rgb(92,179,196)
```
#6abac9
```
#6abac9 rgb(106,186,201)
```
#79c1cf
```
#79c1cf rgb(121,193,207)
```
#87c7d4
```
#87c7d4 rgb(135,199,212)
```
#96ced9
```
#96ced9 rgb(150,206,217)
```
#a4d5de
```
#a4d5de rgb(164,213,222)
```
#b3dbe3
```
#b3dbe3 rgb(179,219,227)
```
#c1e2e9
```
#c1e2e9 rgb(193,226,233)
```
#cfe9ee
```
#cfe9ee rgb(207,233,238)
```
#def0f3
```
#def0f3 rgb(222,240,243)
```
#ecf6f8
```
#ecf6f8 rgb(236,246,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7d7e is the less saturated color, while #09cbf0 is the most saturated one.

#7b7d7e
```
#7b7d7e rgb(123,125,126)
```
#728487
```
#728487 rgb(114,132,135)
```
#688a91
```
#688a91 rgb(104,138,145)
```
#5f919a
```
#5f919a rgb(95,145,154)
```
#5597a4
```
#5597a4 rgb(85,151,164)
```
#4c9ead
```
#4c9ead rgb(76,158,173)
```
#42a4b7
```
#42a4b7 rgb(66,164,183)
```
#38aac1
```
#38aac1 rgb(56,170,193)
```
#2fb1ca
```
#2fb1ca rgb(47,177,202)
```
#25b7d4
```
#25b7d4 rgb(37,183,212)
```
#1cbedd
```
#1cbedd rgb(28,190,221)
```
#12c4e7
```
#12c4e7 rgb(18,196,231)
```
#09cbf0
```
#09cbf0 rgb(9,203,240)
```

Tone Color Variation

Below, you can see how #42a4b7 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

#898989 Achromatopsia 0.005% of the population
#7b8e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989bb2 Protanopia 1% of men
#9899c0 Deuteranopia 1% of men
#48a9b5 Tritanopia 0.001% of the population

Trichromacy

#789eb4 Protanomaly 1% of men, 0.01% of women
#789dbc Deuteranomaly 6% of men, 0.4% of women
#46a7b6 Tritanomaly 0.01% of the population

#42a4b7 hex color

#42a4b7 Color Information

#42a4b7 Color Conversion

Color Schemes with #42a4b7

Alternatives to #42a4b7

#42a4b7 Preview

Shades and Tints of #42a4b7

Tones of #42a4b7

Color Blindness Simulator