colorhexa.com

#42b5bf hex color

In a RGB color space, hex #42b5bf is composed of 25.9% red, 71% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 5.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 184.8 degrees, a saturation of 49.4% and a lightness of 50.4%. #42b5bf color hex could be obtained by blending #84ffff with #006b7f. Closest websafe color is: #33cccc.

- R 26
- G 71
- B 75
RGB color chart
- C 65
- M 5
- Y 0
- K 25
CMYK color chart

● #42b5bf color description : Moderate cyan.

The hexadecimal color #42b5bf has RGB values of R:66, G:181, B:191 and CMYK values of C:0.65, M:0.05, Y:0, K:0.25. Its decimal value is 4371903.

Hex triplet	42b5bf	`#42b5bf`
RGB Decimal	66, 181, 191	`rgb(66,181,191)`
RGB Percent	25.9, 71, 74.9	`rgb(25.9%,71%,74.9%)`
CMYK	65, 5, 0, 25
HSL	184.8°, 49.4, 50.4	`hsl(184.8,49.4%,50.4%)`
HSV (or HSB)	184.8°, 65.4, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.995, -28.675, -14.588
XYZ	28.172, 37.965, 55.131
xyY	0.232, 0.313, 37.965
CIE-LCH	67.995, 32.173, 206.964
CIE-LUV	67.995, -44.336, -18.157
Hunter-Lab	61.616, -26.214, -9.918
Binary	01000010, 10110101, 10111111

#42b5bf
```
#42b5bf rgb(66,181,191)
```
#bf4c42
```
#bf4c42 rgb(191,76,66)
```

Complementary Color

#42bf8b
```
#42bf8b rgb(66,191,139)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#4277bf
```
#4277bf rgb(66,119,191)
```

Analogous Color

#bf8b42
```
#bf8b42 rgb(191,139,66)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#bf4277
```
#bf4277 rgb(191,66,119)
```

Split Complementary Color

#b5bf42
```
#b5bf42 rgb(181,191,66)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#bf42b5
```
#bf42b5 rgb(191,66,181)
```

Triadic Color

#42bf4c
```
#42bf4c rgb(66,191,76)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#bf42b5
```
#bf42b5 rgb(191,66,181)
```
#bf4c42
```
#bf4c42 rgb(191,76,66)
```

Tetradic Color

#2e8087
```
#2e8087 rgb(46,128,135)
```
#34929a
```
#34929a rgb(52,146,154)
```
#3ba4ad
```
#3ba4ad rgb(59,164,173)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#55bcc5
```
#55bcc5 rgb(85,188,197)
```
#68c4cc
```
#68c4cc rgb(104,196,204)
```
#7bcbd2
```
#7bcbd2 rgb(123,203,210)
```

Monochromatic Color

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

#42bfaa
```
#42bfaa rgb(66,191,170)
```
#42bfb4
```
#42bfb4 rgb(66,191,180)
```
#42bfbf
```
#42bfbf rgb(66,191,191)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#42abbf
```
#42abbf rgb(66,171,191)
```
#42a0bf
```
#42a0bf rgb(66,160,191)
```
#4296bf
```
#4296bf rgb(66,150,191)
```

Similar Colors

Text with hexadecimal color #42b5bf

This text has a font color of #42b5bf.

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

#42b5bf background color

This paragraph has a background color of #42b5bf.

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

#42b5bf border color

This element has a border color of #42b5bf.

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

CSS codes

.text {color:#42b5bf;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#050f10
```
#050f10 rgb(5,15,16)
```
#0a1d1f
```
#0a1d1f rgb(10,29,31)
```
#0f2b2d
```
#0f2b2d rgb(15,43,45)
```
#14393c
```
#14393c rgb(20,57,60)
```
#19474b
```
#19474b rgb(25,71,75)
```
#1e5559
```
#1e5559 rgb(30,85,89)
```
#236368
```
#236368 rgb(35,99,104)
```
#287077
```
#287077 rgb(40,112,119)
```
#2d7e85
```
#2d7e85 rgb(45,126,133)
```
#328c94
```
#328c94 rgb(50,140,148)
```
#379aa3
```
#379aa3 rgb(55,154,163)
```
#3ca8b1
```
#3ca8b1 rgb(60,168,177)
```

Shade Color Variation

#42b5bf
```
#42b5bf rgb(66,181,191)
```
#51bbc4
```
#51bbc4 rgb(81,187,196)
```
#5fc0c9
```
#5fc0c9 rgb(95,192,201)
```
#6ec6ce
```
#6ec6ce rgb(110,198,206)
```
#7dccd3
```
#7dccd3 rgb(125,204,211)
```
#8bd2d8
```
#8bd2d8 rgb(139,210,216)
```
#9ad7dd
```
#9ad7dd rgb(154,215,221)
```
#a9dde2
```
#a9dde2 rgb(169,221,226)
```
#b7e3e7
```
#b7e3e7 rgb(183,227,231)
```
#c6e9ec
```
#c6e9ec rgb(198,233,236)
```
#d5eef1
```
#d5eef1 rgb(213,238,241)
```
#e3f4f6
```
#e3f4f6 rgb(227,244,246)
```
#f2fafb
```
#f2fafb rgb(242,250,251)
```

Tint Color Variation

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

#7c8485
```
#7c8485 rgb(124,132,133)
```
#738c8e
```
#738c8e rgb(115,140,142)
```
#699498
```
#699498 rgb(105,148,152)
```
#5f9ca2
```
#5f9ca2 rgb(95,156,162)
```
#55a5ac
```
#55a5ac rgb(85,165,172)
```
#4cadb5
```
#4cadb5 rgb(76,173,181)
```
#42b5bf
```
#42b5bf rgb(66,181,191)
```
#38bdc9
```
#38bdc9 rgb(56,189,201)
```
#2fc5d2
```
#2fc5d2 rgb(47,197,210)
```
#25cedc
```
#25cedc rgb(37,206,220)
```
#1bd6e6
```
#1bd6e6 rgb(27,214,230)
```
#11def0
```
#11def0 rgb(17,222,240)
```
#08e6f9
```
#08e6f9 rgb(8,230,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#849b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9b9 Protanopia 1% of men
#aaa6c9 Deuteranopia 1% of men
#4eb8c5 Tritanopia 0.001% of the population

Trichromacy

#83adbb Protanomaly 1% of men, 0.01% of women
#84abc5 Deuteranomaly 6% of men, 0.4% of women
#49b7c3 Tritanomaly 0.01% of the population