#42bcd4 hex color

In a RGB color space, hex #42bcd4 is composed of 25.9% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 189.9 degrees, a saturation of 62.9% and a lightness of 54.5%. #42bcd4 color hex could be obtained by blending #84ffff with #0079a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 74
- B 83
RGB color chart
- C 69
- M 11
- Y 0
- K 17
CMYK color chart

● #42bcd4 color description : Moderate cyan.

The hexadecimal color #42bcd4 has RGB values of R:66, G:188, B:212 and CMYK values of C:0.69, M:0.11, Y:0, K:0.17. Its decimal value is 4373716.

Hex triplet	42bcd4	`#42bcd4`
RGB Decimal	66, 188, 212	`rgb(66,188,212)`
RGB Percent	25.9, 73.7, 83.1	`rgb(25.9%,73.7%,83.1%)`
CMYK	69, 11, 0, 17
HSL	189.9°, 62.9, 54.5	`hsl(189.9,62.9%,54.5%)`
HSV (or HSB)	189.9°, 68.9, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.785, -25.838, -21.888
XYZ	32.11, 41.875, 68.674
xyY	0.225, 0.294, 41.875
CIE-LCH	70.785, 33.863, 220.269
CIE-LUV	70.785, -45.614, -30.619
Hunter-Lab	64.711, -24.671, -17.623
Binary	01000010, 10111100, 11010100

#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#d45a42
```
#d45a42 rgb(212,90,66)
```

Complementary Color

#42d4a3
```
#42d4a3 rgb(66,212,163)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#4273d4
```
#4273d4 rgb(66,115,212)
```

Analogous Color

#d4a342
```
#d4a342 rgb(212,163,66)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#d44273
```
#d44273 rgb(212,66,115)
```

Split Complementary Color

#bcd442
```
#bcd442 rgb(188,212,66)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#d442bc
```
#d442bc rgb(212,66,188)
```

Triadic Color

#42d45a
```
#42d45a rgb(66,212,90)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#d442bc
```
#d442bc rgb(212,66,188)
```
#d45a42
```
#d45a42 rgb(212,90,66)
```

Tetradic Color

#258fa4
```
#258fa4 rgb(37,143,164)
```
#2aa1b9
```
#2aa1b9 rgb(42,161,185)
```
#2fb4ce
```
#2fb4ce rgb(47,180,206)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#57c3d9
```
#57c3d9 rgb(87,195,217)
```
#6ccbdd
```
#6ccbdd rgb(108,203,221)
```
#80d2e2
```
#80d2e2 rgb(128,210,226)
```

Monochromatic Color

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

#42d4c8
```
#42d4c8 rgb(66,212,200)
```
#42d4d4
```
#42d4d4 rgb(66,212,212)
```
#42c8d4
```
#42c8d4 rgb(66,200,212)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#42b0d4
```
#42b0d4 rgb(66,176,212)
```
#42a4d4
```
#42a4d4 rgb(66,164,212)
```
#4298d4
```
#4298d4 rgb(66,152,212)
```

Similar Colors

Text with hexadecimal color #42bcd4

This text has a font color of #42bcd4.

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

#42bcd4 background color

This paragraph has a background color of #42bcd4.

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

#42bcd4 border color

This element has a border color of #42bcd4.

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

CSS codes

.text {color:#42bcd4;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#041013
```
#041013 rgb(4,16,19)
```
#081e23
```
#081e23 rgb(8,30,35)
```
#0c2c33
```
#0c2c33 rgb(12,44,51)
```
#0f3a43
```
#0f3a43 rgb(15,58,67)
```
#134853
```
#134853 rgb(19,72,83)
```
#165663
```
#165663 rgb(22,86,99)
```
#1a6473
```
#1a6473 rgb(26,100,115)
```
#1e7283
```
#1e7283 rgb(30,114,131)
```
#218093
```
#218093 rgb(33,128,147)
```
#258ea3
```
#258ea3 rgb(37,142,163)
```
#299cb3
```
#299cb3 rgb(41,156,179)
```
#2caac3
```
#2caac3 rgb(44,170,195)
```

Shade Color Variation

#32b6d0
```
#32b6d0 rgb(50,182,208)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#52c2d8
```
#52c2d8 rgb(82,194,216)
```
#62c7db
```
#62c7db rgb(98,199,219)
```
#72cddf
```
#72cddf rgb(114,205,223)
```
#82d3e3
```
#82d3e3 rgb(130,211,227)
```
#92d8e6
```
#92d8e6 rgb(146,216,230)
```
#a2deea
```
#a2deea rgb(162,222,234)
```
#b2e4ed
```
#b2e4ed rgb(178,228,237)
```
#c2e9f1
```
#c2e9f1 rgb(194,233,241)
```
#d2eff5
```
#d2eff5 rgb(210,239,245)
```
#e2f5f8
```
#e2f5f8 rgb(226,245,248)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898c8d is the less saturated color, while #1ed4f8 is the most saturated one.

#898c8d
```
#898c8d rgb(137,140,141)
```
#809296
```
#809296 rgb(128,146,150)
```
#78989e
```
#78989e rgb(120,152,158)
```
#6f9ea7
```
#6f9ea7 rgb(111,158,167)
```
#66a4b0
```
#66a4b0 rgb(102,164,176)
```
#5daab9
```
#5daab9 rgb(93,170,185)
```
#54b0c2
```
#54b0c2 rgb(84,176,194)
```
#4bb6cb
```
#4bb6cb rgb(75,182,203)
```
#42bcd4
```
#42bcd4 rgb(66,188,212)
```
#39c2dd
```
#39c2dd rgb(57,194,221)
```
#30c8e6
```
#30c8e6 rgb(48,200,230)
```
#27ceef
```
#27ceef rgb(39,206,239)
```
#1ed4f8
```
#1ed4f8 rgb(30,212,248)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#88a1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0cc Protanopia 1% of men
#a9aedc Deuteranopia 1% of men
#46c0ce Tritanopia 0.001% of the population

Trichromacy

#85b4cf Protanomaly 1% of men, 0.01% of women
#84b3d9 Deuteranomaly 6% of men, 0.4% of women
#44bfd0 Tritanomaly 0.01% of the population

#42bcd4 hex color

#42bcd4 Color Information

#42bcd4 Color Conversion

Color Schemes with #42bcd4

Alternatives to #42bcd4

#42bcd4 Preview

Shades and Tints of #42bcd4

Tones of #42bcd4

Color Blindness Simulator