#42bac0 hex color

In a RGB color space, hex #42bac0 is composed of 25.9% red, 72.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 3.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 182.9 degrees, a saturation of 50% and a lightness of 50.6%. #42bac0 color hex could be obtained by blending #84ffff with #007581. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 73
- B 75
RGB color chart
- C 66
- M 3
- Y 0
- K 25
CMYK color chart

● #42bac0 color description : Moderate cyan.

The hexadecimal color #42bac0 has RGB values of R:66, G:186, B:192 and CMYK values of C:0.66, M:0.03, Y:0, K:0.25. Its decimal value is 4373184.

Hex triplet	42bac0	`#42bac0`
RGB Decimal	66, 186, 192	`rgb(66,186,192)`
RGB Percent	25.9, 72.9, 75.3	`rgb(25.9%,72.9%,75.3%)`
CMYK	66, 3, 0, 25
HSL	182.9°, 50, 50.6	`hsl(182.9,50%,50.6%)`
HSV (or HSB)	182.9°, 65.6, 75.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.526, -30.816, -12.837
XYZ	29.317, 40.079, 56.057
xyY	0.234, 0.319, 40.079
CIE-LCH	69.526, 33.383, 202.614
CIE-LUV	69.526, -46.106, -15.092
Hunter-Lab	63.308, -28.128, -8.184
Binary	01000010, 10111010, 11000000

#42bac0
```
#42bac0 rgb(66,186,192)
```
#c04842
```
#c04842 rgb(192,72,66)
```

Complementary Color

#42c087
```
#42c087 rgb(66,192,135)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#427bc0
```
#427bc0 rgb(66,123,192)
```

Analogous Color

#c08742
```
#c08742 rgb(192,135,66)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#c0427b
```
#c0427b rgb(192,66,123)
```

Split Complementary Color

#bac042
```
#bac042 rgb(186,192,66)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#c042ba
```
#c042ba rgb(192,66,186)
```

Triadic Color

#42c048
```
#42c048 rgb(66,192,72)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#c042ba
```
#c042ba rgb(192,66,186)
```
#c04842
```
#c04842 rgb(192,72,66)
```

Tetradic Color

#2d8488
```
#2d8488 rgb(45,132,136)
```
#34969b
```
#34969b rgb(52,150,155)
```
#3aa9ae
```
#3aa9ae rgb(58,169,174)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#55c1c6
```
#55c1c6 rgb(85,193,198)
```
#68c8cd
```
#68c8cd rgb(104,200,205)
```
#7bcfd3
```
#7bcfd3 rgb(123,207,211)
```

Monochromatic Color

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

#42c0a7
```
#42c0a7 rgb(66,192,167)
```
#42c0b1
```
#42c0b1 rgb(66,192,177)
```
#42c0bc
```
#42c0bc rgb(66,192,188)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#42b0c0
```
#42b0c0 rgb(66,176,192)
```
#42a5c0
```
#42a5c0 rgb(66,165,192)
```
#429bc0
```
#429bc0 rgb(66,155,192)
```

Similar Colors

Text with hexadecimal color #42bac0

This text has a font color of #42bac0.

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

#42bac0 background color

This paragraph has a background color of #42bac0.

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

#42bac0 border color

This element has a border color of #42bac0.

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

CSS codes

.text {color:#42bac0;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#061011
```
#061011 rgb(6,16,17)
```
#0b1f20
```
#0b1f20 rgb(11,31,32)
```
#0f2d2e
```
#0f2d2e rgb(15,45,46)
```
#143b3d
```
#143b3d rgb(20,59,61)
```
#19494c
```
#19494c rgb(25,73,76)
```
#1e585b
```
#1e585b rgb(30,88,91)
```
#236669
```
#236669 rgb(35,102,105)
```
#287478
```
#287478 rgb(40,116,120)
```
#2d8287
```
#2d8287 rgb(45,130,135)
```
#329195
```
#329195 rgb(50,145,149)
```
#379fa4
```
#379fa4 rgb(55,159,164)
```
#3cadb3
```
#3cadb3 rgb(60,173,179)
```

Shade Color Variation

#42bac0
```
#42bac0 rgb(66,186,192)
```
#51bfc5
```
#51bfc5 rgb(81,191,197)
```
#5fc5ca
```
#5fc5ca rgb(95,197,202)
```
#6ecacf
```
#6ecacf rgb(110,202,207)
```
#7dcfd4
```
#7dcfd4 rgb(125,207,212)
```
#8cd5d9
```
#8cd5d9 rgb(140,213,217)
```
#9adadd
```
#9adadd rgb(154,218,221)
```
#a9e0e2
```
#a9e0e2 rgb(169,224,226)
```
#b8e5e7
```
#b8e5e7 rgb(184,229,231)
```
#c6eaec
```
#c6eaec rgb(198,234,236)
```
#d5f0f1
```
#d5f0f1 rgb(213,240,241)
```
#e4f5f6
```
#e4f5f6 rgb(228,245,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#7c8586
```
#7c8586 rgb(124,133,134)
```
#728e90
```
#728e90 rgb(114,142,144)
```
#699799
```
#699799 rgb(105,151,153)
```
#5fa0a3
```
#5fa0a3 rgb(95,160,163)
```
#55a8ad
```
#55a8ad rgb(85,168,173)
```
#4cb1b6
```
#4cb1b6 rgb(76,177,182)
```
#42bac0
```
#42bac0 rgb(66,186,192)
```
#38c3ca
```
#38c3ca rgb(56,195,202)
```
#2fccd3
```
#2fccd3 rgb(47,204,211)
```
#25d4dd
```
#25d4dd rgb(37,212,221)
```
#1bdde7
```
#1bdde7 rgb(27,221,231)
```
#12e6f0
```
#12e6f0 rgb(18,230,240)
```
#08effa
```
#08effa rgb(8,239,250)
```

Tone Color Variation

Below, you can see how #42bac0 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
#869e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadb9 Protanopia 1% of men
#b0aaca Deuteranopia 1% of men
#50bcca Tritanopia 0.001% of the population

Trichromacy

#86b1bc Protanomaly 1% of men, 0.01% of women
#88b0c6 Deuteranomaly 6% of men, 0.4% of women
#4bbbc6 Tritanomaly 0.01% of the population

#42bac0 hex color

#42bac0 Color Information

#42bac0 Color Conversion

Color Schemes with #42bac0

Alternatives to #42bac0

#42bac0 Preview

Shades and Tints of #42bac0

Tones of #42bac0

Color Blindness Simulator