#42bac2 hex color

In a RGB color space, hex #42bac2 is composed of 25.9% red, 72.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 4.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 183.8 degrees, a saturation of 51.2% and a lightness of 51%. #42bac2 color hex could be obtained by blending #84ffff with #007585. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 73
- B 76
RGB color chart
- C 66
- M 4
- Y 0
- K 24
CMYK color chart

● #42bac2 color description : Moderate cyan.

The hexadecimal color #42bac2 has RGB values of R:66, G:186, B:194 and CMYK values of C:0.66, M:0.04, Y:0, K:0.24. Its decimal value is 4373186.

Hex triplet	42bac2	`#42bac2`
RGB Decimal	66, 186, 194	`rgb(66,186,194)`
RGB Percent	25.9, 72.9, 76.1	`rgb(25.9%,72.9%,76.1%)`
CMYK	66, 4, 0, 24
HSL	183.8°, 51.2, 51	`hsl(183.8,51.2%,51%)`
HSV (or HSB)	183.8°, 66, 76.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.589, -30.235, -13.84
XYZ	29.54, 40.169, 57.232
xyY	0.233, 0.316, 40.169
CIE-LCH	69.589, 33.252, 204.595
CIE-LUV	69.589, -45.984, -16.788
Hunter-Lab	63.379, -27.715, -9.175
Binary	01000010, 10111010, 11000010

#42bac2
```
#42bac2 rgb(66,186,194)
```
#c24a42
```
#c24a42 rgb(194,74,66)
```

Complementary Color

#42c28a
```
#42c28a rgb(66,194,138)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#427ac2
```
#427ac2 rgb(66,122,194)
```

Analogous Color

#c28a42
```
#c28a42 rgb(194,138,66)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#c2427a
```
#c2427a rgb(194,66,122)
```

Split Complementary Color

#bac242
```
#bac242 rgb(186,194,66)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#c242ba
```
#c242ba rgb(194,66,186)
```

Triadic Color

#42c24a
```
#42c24a rgb(66,194,74)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#c242ba
```
#c242ba rgb(194,66,186)
```
#c24a42
```
#c24a42 rgb(194,74,66)
```

Tetradic Color

#2d858b
```
#2d858b rgb(45,133,139)
```
#33979e
```
#33979e rgb(51,151,158)
```
#39aab1
```
#39aab1 rgb(57,170,177)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#55c1c8
```
#55c1c8 rgb(85,193,200)
```
#69c8ce
```
#69c8ce rgb(105,200,206)
```
#7ccfd5
```
#7ccfd5 rgb(124,207,213)
```

Monochromatic Color

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

#42c2aa
```
#42c2aa rgb(66,194,170)
```
#42c2b5
```
#42c2b5 rgb(66,194,181)
```
#42c2bf
```
#42c2bf rgb(66,194,191)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#42afc2
```
#42afc2 rgb(66,175,194)
```
#42a5c2
```
#42a5c2 rgb(66,165,194)
```
#429ac2
```
#429ac2 rgb(66,154,194)
```

Similar Colors

Text with hexadecimal color #42bac2

This text has a font color of #42bac2.

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

#42bac2 background color

This paragraph has a background color of #42bac2.

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

#42bac2 border color

This element has a border color of #42bac2.

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

CSS codes

.text {color:#42bac2;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#061213
```
#061213 rgb(6,18,19)
```
#0b2021
```
#0b2021 rgb(11,32,33)
```
#102e30
```
#102e30 rgb(16,46,48)
```
#143c3f
```
#143c3f rgb(20,60,63)
```
#194b4e
```
#194b4e rgb(25,75,78)
```
#1e595d
```
#1e595d rgb(30,89,93)
```
#23676c
```
#23676c rgb(35,103,108)
```
#28757a
```
#28757a rgb(40,117,122)
```
#2c8389
```
#2c8389 rgb(44,131,137)
```
#319298
```
#319298 rgb(49,146,152)
```
#36a0a7
```
#36a0a7 rgb(54,160,167)
```
#3baeb6
```
#3baeb6 rgb(59,174,182)
```

Shade Color Variation

#42bac2
```
#42bac2 rgb(66,186,194)
```
#51bfc7
```
#51bfc7 rgb(81,191,199)
```
#60c5cc
```
#60c5cc rgb(96,197,204)
```
#6ecad0
```
#6ecad0 rgb(110,202,208)
```
#7dd0d5
```
#7dd0d5 rgb(125,208,213)
```
#8cd5da
```
#8cd5da rgb(140,213,218)
```
#9bdadf
```
#9bdadf rgb(155,218,223)
```
#aae0e4
```
#aae0e4 rgb(170,224,228)
```
#b9e5e8
```
#b9e5e8 rgb(185,229,232)
```
#c7ebed
```
#c7ebed rgb(199,235,237)
```
#d6f0f2
```
#d6f0f2 rgb(214,240,242)
```
#e5f6f7
```
#e5f6f7 rgb(229,246,247)
```
#f4fbfb
```
#f4fbfb rgb(244,251,251)
```

Tint Color Variation

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

#7c8888
```
#7c8888 rgb(124,136,136)
```
#729092
```
#729092 rgb(114,144,146)
```
#68989c
```
#68989c rgb(104,152,156)
```
#5fa1a5
```
#5fa1a5 rgb(95,161,165)
```
#55a9af
```
#55a9af rgb(85,169,175)
```
#4cb2b8
```
#4cb2b8 rgb(76,178,184)
```
#42bac2
```
#42bac2 rgb(66,186,194)
```
#38c2cc
```
#38c2cc rgb(56,194,204)
```
#2fcbd5
```
#2fcbd5 rgb(47,203,213)
```
#25d3df
```
#25d3df rgb(37,211,223)
```
#1cdce8
```
#1cdce8 rgb(28,220,232)
```
#12e4f2
```
#12e4f2 rgb(18,228,242)
```
#08ecfc
```
#08ecfc rgb(8,236,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#869ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadbb Protanopia 1% of men
#afaacc Deuteranopia 1% of men
#4fbcca Tritanopia 0.001% of the population

Trichromacy

#86b1be Protanomaly 1% of men, 0.01% of women
#87b0c8 Deuteranomaly 6% of men, 0.4% of women
#4abbc7 Tritanomaly 0.01% of the population

#42bac2 hex color

#42bac2 Color Information

#42bac2 Color Conversion

Color Schemes with #42bac2

Alternatives to #42bac2

#42bac2 Preview

Shades and Tints of #42bac2

Tones of #42bac2

Color Blindness Simulator