#42a684 color information
In a RGB color space, hex #42a684 is composed of 25.9% red, 65.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 20.5% yellow and 34.9% black. It has a hue angle of 159.6 degrees, a saturation of 43.1% and a lightness of 45.5%. #42a684 color hex could be obtained by blending #84ffff with #004d09. Closest websafe color is: #339999.
#42a684 color conversion
The hexadecimal color #42a684 has RGB values of R:66, G:166, B:132 and CMYK values of C:0.6, M:0, Y:0.2, K:0.35. Its decimal value is 4368004.
- Hex triplet 42a684
#42a684 - RGB Decimal 66, 166, 132
rgb(66,166,132) - RGB Percent 25.9, 65.1, 51.8
rgb(25.9%,65.1%,51.8%) - CMYK 60, 0, 20, 35
- HSL 159.6°, 43.1, 45.5
hsl(160,43%,45%) - HSV (or HSB) 159.6°, 60.2, 65.1
- Web Safe 339999
#339999
- CIE-LAB 61.736, -37.445, 9.031
- XYZ 20.046, 30.095, 26.581
- xyY 0.261, 0.392, 30.095
- CIE-LCH 61.736, 38.518, 166.441
- CIE-LUV 61.736, -42.03, 18.493
- Hunter-Lab 54.859, -30.776, 9.673
- Binary 01000010, 10100110, 10000100
Color Schemes with #42a684
#42a684 in action
This text has a font color of #42a684.
<span style="color:#42a684;">Text here</span>
This paragraph has a background color of #42a684.
<p style="background-color:#42a684;">Content here</p>
This element has a border color of #42a684.
<div style="border:1px solid #42a684;">Content here</div>
.text {color:#42a684;}
.background {background-color:#42a684;}
.border {border:1px solid #42a684;}
Shades of #42a684
- #0a1a14 #0a1a14
rgb(10,26,20) - #15362b #15362b
rgb(21,54,43) - #215241 #215241
rgb(33,82,65) - #2c6e57 #2c6e57
rgb(44,110,87) - #378a6e #378a6e
rgb(55,138,110) - #42a684 #42a684
rgb(66,166,132) - #54bb98 #54bb98
rgb(84,187,152) - #70c6a9 #70c6a9
rgb(112,198,169) - #8cd1ba #8cd1ba
rgb(140,209,186) - #a8ddcb #a8ddcb
rgb(168,221,203) - #c4e8dc #c4e8dc
rgb(196,232,220) - #e1f3ed #e1f3ed
rgb(225,243,237) - #fdfefe #fdfefe
rgb(253,254,254)
Color Blindness Simulator
Below, you can see how #42a684 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.
