#42b2bd hex color

In a RGB color space, hex #42b2bd is composed of 25.9% red, 69.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 5.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 185.4 degrees, a saturation of 48.2% and a lightness of 50%. #42b2bd color hex could be obtained by blending #84ffff with #00657b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 70
- B 74
RGB color chart
- C 65
- M 6
- Y 0
- K 26
CMYK color chart

● #42b2bd color description : Moderate cyan.

The hexadecimal color #42b2bd has RGB values of R:66, G:178, B:189 and CMYK values of C:0.65, M:0.06, Y:0, K:0.26. Its decimal value is 4371133.

Hex triplet	42b2bd	`#42b2bd`
RGB Decimal	66, 178, 189	`rgb(66,178,189)`
RGB Percent	25.9, 69.8, 74.1	`rgb(25.9%,69.8%,74.1%)`
CMYK	65, 6, 0, 26
HSL	185.4°, 48.2, 50	`hsl(185.4,48.2%,50%)`
HSV (or HSB)	185.4°, 65.1, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.029, -27.788, -14.939
XYZ	27.35, 36.671, 53.778
xyY	0.232, 0.311, 36.671
CIE-LCH	67.029, 31.549, 208.262
CIE-LUV	67.029, -43.353, -18.807
Hunter-Lab	60.556, -25.356, -10.264
Binary	01000010, 10110010, 10111101

#42b2bd
```
#42b2bd rgb(66,178,189)
```
#bd4d42
```
#bd4d42 rgb(189,77,66)
```

Complementary Color

#42bd8b
```
#42bd8b rgb(66,189,139)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#4275bd
```
#4275bd rgb(66,117,189)
```

Analogous Color

#bd8b42
```
#bd8b42 rgb(189,139,66)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#bd4275
```
#bd4275 rgb(189,66,117)
```

Split Complementary Color

#b2bd42
```
#b2bd42 rgb(178,189,66)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#bd42b2
```
#bd42b2 rgb(189,66,178)
```

Triadic Color

#42bd4d
```
#42bd4d rgb(66,189,77)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#bd42b2
```
#bd42b2 rgb(189,66,178)
```
#bd4d42
```
#bd4d42 rgb(189,77,66)
```

Tetradic Color

#2e7d84
```
#2e7d84 rgb(46,125,132)
```
#358e97
```
#358e97 rgb(53,142,151)
```
#3ba0aa
```
#3ba0aa rgb(59,160,170)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#55bac4
```
#55bac4 rgb(85,186,196)
```
#68c1ca
```
#68c1ca rgb(104,193,202)
```
#7bc9d1
```
#7bc9d1 rgb(123,201,209)
```

Monochromatic Color

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

#42bda9
```
#42bda9 rgb(66,189,169)
```
#42bdb4
```
#42bdb4 rgb(66,189,180)
```
#42bcbd
```
#42bcbd rgb(66,188,189)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#42a8bd
```
#42a8bd rgb(66,168,189)
```
#429ebd
```
#429ebd rgb(66,158,189)
```
#4293bd
```
#4293bd rgb(66,147,189)
```

Similar Colors

Text with hexadecimal color #42b2bd

This text has a font color of #42b2bd.

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

#42b2bd background color

This paragraph has a background color of #42b2bd.

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

#42b2bd border color

This element has a border color of #42b2bd.

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

CSS codes

.text {color:#42b2bd;}

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

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

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

#050e0f
```
#050e0f rgb(5,14,15)
```
#0a1b1d
```
#0a1b1d rgb(10,27,29)
```
#0f292c
```
#0f292c rgb(15,41,44)
```
#14373a
```
#14373a rgb(20,55,58)
```
#194449
```
#194449 rgb(25,68,73)
```
#1e5257
```
#1e5257 rgb(30,82,87)
```
#246066
```
#246066 rgb(36,96,102)
```
#296e74
```
#296e74 rgb(41,110,116)
```
#2e7b83
```
#2e7b83 rgb(46,123,131)
```
#338991
```
#338991 rgb(51,137,145)
```
#3897a0
```
#3897a0 rgb(56,151,160)
```
#3da4ae
```
#3da4ae rgb(61,164,174)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```

Shade Color Variation

#51b8c2
```
#51b8c2 rgb(81,184,194)
```
#5fbec7
```
#5fbec7 rgb(95,190,199)
```
#6ec4cc
```
#6ec4cc rgb(110,196,204)
```
#7ccad1
```
#7ccad1 rgb(124,202,209)
```
#8bd0d6
```
#8bd0d6 rgb(139,208,214)
```
#99d6db
```
#99d6db rgb(153,214,219)
```
#a8dbe1
```
#a8dbe1 rgb(168,219,225)
```
#b6e1e6
```
#b6e1e6 rgb(182,225,230)
```
#c5e7eb
```
#c5e7eb rgb(197,231,235)
```
#d3edf0
```
#d3edf0 rgb(211,237,240)
```
#e2f3f5
```
#e2f3f5 rgb(226,243,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d8282
```
#7d8282 rgb(125,130,130)
```
#738a8c
```
#738a8c rgb(115,138,140)
```
#699296
```
#699296 rgb(105,146,150)
```
#5f9aa0
```
#5f9aa0 rgb(95,154,160)
```
#56a2a9
```
#56a2a9 rgb(86,162,169)
```
#4caab3
```
#4caab3 rgb(76,170,179)
```
#42b2bd
```
#42b2bd rgb(66,178,189)
```
#38bac7
```
#38bac7 rgb(56,186,199)
```
#2ec2d1
```
#2ec2d1 rgb(46,194,209)
```
#25cada
```
#25cada rgb(37,202,218)
```
#1bd2e4
```
#1bd2e4 rgb(27,210,228)
```
#11daee
```
#11daee rgb(17,218,238)
```
#07e2f8
```
#07e2f8 rgb(7,226,248)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#82989b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b7 Protanopia 1% of men
#a7a4c6 Deuteranopia 1% of men
#4db5c2 Tritanopia 0.001% of the population

Trichromacy

#81aab9 Protanomaly 1% of men, 0.01% of women
#82a9c3 Deuteranomaly 6% of men, 0.4% of women
#49b4c0 Tritanomaly 0.01% of the population

#42b2bd hex color

#42b2bd Color Information

#42b2bd Color Conversion

Color Schemes with #42b2bd

Alternatives to #42b2bd

#42b2bd Preview

Shades and Tints of #42b2bd

Tones of #42b2bd

Color Blindness Simulator