colorhexa.com

#42b4d0 hex color

In a RGB color space, hex #42b4d0 is composed of 25.9% red, 70.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 13.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 191.8 degrees, a saturation of 60.2% and a lightness of 53.7%. #42b4d0 color hex could be obtained by blending #84ffff with #0069a1. Closest websafe color is: #33cccc.

- R 26
- G 71
- B 82
RGB color chart
- C 68
- M 13
- Y 0
- K 18
CMYK color chart

● #42b4d0 color description : Moderate cyan.

The hexadecimal color #42b4d0 has RGB values of R:66, G:180, B:208 and CMYK values of C:0.68, M:0.13, Y:0, K:0.18. Its decimal value is 4371664.

Hex triplet	42b4d0	`#42b4d0`
RGB Decimal	66, 180, 208	`rgb(66,180,208)`
RGB Percent	25.9, 70.6, 81.6	`rgb(25.9%,70.6%,81.6%)`
CMYK	68, 13, 0, 18
HSL	191.8°, 60.2, 53.7	`hsl(191.8,60.2%,53.7%)`
HSV (or HSB)	191.8°, 68.3, 81.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.279, -23.03, -23.519
XYZ	29.95, 38.352, 65.495
xyY	0.224, 0.287, 38.352
CIE-LCH	68.279, 32.917, 225.602
CIE-LUV	68.279, -42.971, -33.552
Hunter-Lab	61.929, -22.05, -19.354
Binary	01000010, 10110100, 11010000

#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#d05e42
```
#d05e42 rgb(208,94,66)
```

Complementary Color

#42d0a5
```
#42d0a5 rgb(66,208,165)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#426dd0
```
#426dd0 rgb(66,109,208)
```

Analogous Color

#d0a542
```
#d0a542 rgb(208,165,66)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#d0426d
```
#d0426d rgb(208,66,109)
```

Split Complementary Color

#b4d042
```
#b4d042 rgb(180,208,66)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#d042b4
```
#d042b4 rgb(208,66,180)
```

Triadic Color

#42d05e
```
#42d05e rgb(66,208,94)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#d042b4
```
#d042b4 rgb(208,66,180)
```
#d05e42
```
#d05e42 rgb(208,94,66)
```

Tetradic Color

#27879e
```
#27879e rgb(39,135,158)
```
#2c98b3
```
#2c98b3 rgb(44,152,179)
```
#31aac7
```
#31aac7 rgb(49,170,199)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#56bcd5
```
#56bcd5 rgb(86,188,213)
```
#6bc4da
```
#6bc4da rgb(107,196,218)
```
#7fccdf
```
#7fccdf rgb(127,204,223)
```

Monochromatic Color

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

#42d0c9
```
#42d0c9 rgb(66,208,201)
```
#42ccd0
```
#42ccd0 rgb(66,204,208)
```
#42c0d0
```
#42c0d0 rgb(66,192,208)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#42a8d0
```
#42a8d0 rgb(66,168,208)
```
#429cd0
```
#429cd0 rgb(66,156,208)
```
#4291d0
```
#4291d0 rgb(66,145,208)
```

Similar Colors

Text with hexadecimal color #42b4d0

This text has a font color of #42b4d0.

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

#42b4d0 background color

This paragraph has a background color of #42b4d0.

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

#42b4d0 border color

This element has a border color of #42b4d0.

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

CSS codes

.text {color:#42b4d0;}

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

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

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, #040d0f is the darkest color, while #ffffff is the lightest one.

#040d0f
```
#040d0f rgb(4,13,15)
```
#081a1f
```
#081a1f rgb(8,26,31)
```
#0c282f
```
#0c282f rgb(12,40,47)
```
#10353e
```
#10353e rgb(16,53,62)
```
#13424e
```
#13424e rgb(19,66,78)
```
#17505e
```
#17505e rgb(23,80,94)
```
#1b5d6d
```
#1b5d6d rgb(27,93,109)
```
#1f6b7d
```
#1f6b7d rgb(31,107,125)
```
#23788d
```
#23788d rgb(35,120,141)
```
#27859d
```
#27859d rgb(39,133,157)
```
#2b93ac
```
#2b93ac rgb(43,147,172)
```
#2fa0bc
```
#2fa0bc rgb(47,160,188)
```
#33aecc
```
#33aecc rgb(51,174,204)
```

Shade Color Variation

#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#52bad4
```
#52bad4 rgb(82,186,212)
```
#61c0d8
```
#61c0d8 rgb(97,192,216)
```
#71c7dc
```
#71c7dc rgb(113,199,220)
```
#81cde0
```
#81cde0 rgb(129,205,224)
```
#91d3e4
```
#91d3e4 rgb(145,211,228)
```
#a0d9e7
```
#a0d9e7 rgb(160,217,231)
```
#b0e0eb
```
#b0e0eb rgb(176,224,235)
```
#c0e6ef
```
#c0e6ef rgb(192,230,239)
```
#cfecf3
```
#cfecf3 rgb(207,236,243)
```
#dff2f7
```
#dff2f7 rgb(223,242,247)
```
#eff9fb
```
#eff9fb rgb(239,249,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828e90 is the less saturated color, while #15cffd is the most saturated one.

#828e90
```
#828e90 rgb(130,142,144)
```
#78939a
```
#78939a rgb(120,147,154)
```
#6f99a3
```
#6f99a3 rgb(111,153,163)
```
#669eac
```
#669eac rgb(102,158,172)
```
#5da4b5
```
#5da4b5 rgb(93,164,181)
```
#54a9be
```
#54a9be rgb(84,169,190)
```
#4bafc7
```
#4bafc7 rgb(75,175,199)
```
#42b4d0
```
#42b4d0 rgb(66,180,208)
```
#39b9d9
```
#39b9d9 rgb(57,185,217)
```
#30bfe2
```
#30bfe2 rgb(48,191,226)
```
#27c4eb
```
#27c4eb rgb(39,196,235)
```
#1ecaf4
```
#1ecaf4 rgb(30,202,244)
```
#15cffd
```
#15cffd rgb(21,207,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#849ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a9c9 Protanopia 1% of men
#a1a8d8 Deuteranopia 1% of men
#43b9c7 Tritanopia 0.001% of the population

Trichromacy

#80adcb Protanomaly 1% of men, 0.01% of women
#7eacd5 Deuteranomaly 6% of men, 0.4% of women
#42b7ca Tritanomaly 0.01% of the population