#2b7a63 color information
In a RGB color space, hex #2b7a63 is composed of 16.9% red, 47.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 0% magenta, 18.9% yellow and 52.2% black. It has a hue angle of 162.5 degrees, a saturation of 47.9% and a lightness of 32.4%. #2b7a63 color hex could be obtained by blending #56f4c6 with #000000. Closest websafe color is: #336666.
#2b7a63 color conversion
The hexadecimal color #2b7a63 has RGB values of R:43, G:122, B:99 and CMYK values of C:0.65, M:0, Y:0.19, K:0.52. Its decimal value is 2849379.
- Hex triplet 2b7a63
#2b7a63 - RGB Decimal 43, 122, 99
rgb(43,122,99) - RGB Percent 16.9, 47.8, 38.8
rgb(16.9%,47.8%,38.8%) - CMYK 65, 0, 19, 52
- HSL 162.5°, 47.9, 32.4
hsl(163,48%,32%) - HSV (or HSB) 162.5°, 64.8, 47.8
- Web Safe 336666
#336666
- CIE-LAB 46.086, -29.953, 5.562
- XYZ 10.207, 15.333, 14.225
- xyY 0.257, 0.386, 15.333
- CIE-LCH 46.086, 30.465, 169.481
- CIE-LUV 46.086, -32.056, 11.679
- Hunter-Lab 39.157, -21.995, 5.87
- Binary 00101011, 01111010, 01100011
Color Schemes with #2b7a63
#2b7a63 in action
This text has a font color of #2b7a63.
<span style="color:#2b7a63;">Text here</span>
This paragraph has a background color of #2b7a63.
<p style="background-color:#2b7a63;">Content here</p>
This element has a border color of #2b7a63.
<div style="border:1px solid #2b7a63;">Content here</div>
.text {color:#2b7a63;}
.background {background-color:#2b7a63;}
.border {border:1px solid #2b7a63;}
Shades of #2b7a63
- #020605 #020605
rgb(2,6,5) - #0c231c #0c231c
rgb(12,35,28) - #174034 #174034
rgb(23,64,52) - #215d4b #215d4b
rgb(33,93,75) - #2b7a63 #2b7a63
rgb(43,122,99) - #35977b #35977b
rgb(53,151,123) - #3fb492 #3fb492
rgb(63,180,146) - #57c4a4 #57c4a4
rgb(87,196,164) - #74ceb4 #74ceb4
rgb(116,206,180) - #91d8c3 #91d8c3
rgb(145,216,195) - #aee2d3 #aee2d3
rgb(174,226,211) - #cbede3 #cbede3
rgb(203,237,227) - #e8f7f3 #e8f7f3
rgb(232,247,243)
Color Blindness Simulator
Below, you can see how #2b7a63 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.
