#3f6a75 Color Information
In a RGB color space, hex #3f6a75 is composed of 24.7% red, 41.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 9.4% magenta, 0% yellow and 54.1% black. It has a hue angle of 192.2 degrees, a saturation of 30% and a lightness of 35.3%. #3f6a75 color hex could be obtained by blending #7ed4ea with #000000. Closest websafe color is: #336666.
-
- R 25
- G 42
- B 46
-
- C 46
- M 9
- Y 0
- K 54
● #3f6a75 color description : Dark moderate cyan.
#3f6a75 Color Conversion
The hexadecimal color #3f6a75 has RGB values of R:63, G:106, B:117 and CMYK values of C:0.46, M:0.09, Y:0, K:0.54. Its decimal value is 4156021.
Hex triplet | 3f6a75 | #3f6a75 |
---|---|---|
RGB Decimal | 63, 106, 117 | rgb(63,106,117) |
RGB Percent | 24.7, 41.6, 45.9 | rgb(24.7%,41.6%,45.9%) |
CMYK | 46, 9, 0, 54 | |
HSL | 192.2°, 30, 35.3 | hsl(192.2,30%,35.3%) |
HSV (or HSB) | 192.2°, 46.2, 45.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.229, -11.731, -10.818 |
---|---|
XYZ | 10.414, 12.649, 18.721 |
xyY | 0.249, 0.303, 12.649 |
CIE-LCH | 42.229, 15.958, 222.683 |
CIE-LUV | 42.229, -19.388, -13.281 |
Hunter-Lab | 35.565, -9.971, -6.315 |
Binary | 00111111, 01101010, 01110101 |
Color Schemes with #3f6a75
Alternatives to #3f6a75
Below, you can see some colors close to #3f6a75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6a75 Preview
This text has a font color of #3f6a75.
<span style="color:#3f6a75;">Text here</span>
This paragraph has a background color of #3f6a75.
<p style="background-color:#3f6a75;">Content here</p>
This element has a border color of #3f6a75.
<div style="border:1px solid #3f6a75;">Content here</div>
.text {color:#3f6a75;}
.background {background-color:#3f6a75;}
.border {border:1px solid #3f6a75;}
Shades and Tints of #3f6a75
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 #f5f8f9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080e0f
#080e0f
rgb(8,14,15)
-
#0f191c
#0f191c
rgb(15,25,28)
-
#162529
#162529
rgb(22,37,41)
-
#1d3035
#1d3035
rgb(29,48,53)
-
#243c42
#243c42
rgb(36,60,66)
-
#2a474f
#2a474f
rgb(42,71,79)
-
#31535c
#31535c
rgb(49,83,92)
-
#385e68
#385e68
rgb(56,94,104)
-
#3f6a75
#3f6a75
rgb(63,106,117)
-
#467682
#467682
rgb(70,118,130)
-
#4d818f
#4d818f
rgb(77,129,143)
-
#548d9b
#548d9b
rgb(84,141,155)
-
#5c98a7
#5c98a7
rgb(92,152,167)
-
#68a0ae
#68a0ae
rgb(104,160,174)
-
#75a8b5
#75a8b5
rgb(117,168,181)
-
#82b0bc
#82b0bc
rgb(130,176,188)
-
#8fb8c2
#8fb8c2
rgb(143,184,194)
-
#9bc0c9
#9bc0c9
rgb(155,192,201)
-
#a8c8d0
#a8c8d0
rgb(168,200,208)
-
#b5d0d7
#b5d0d7
rgb(181,208,215)
-
#c2d8de
#c2d8de
rgb(194,216,222)
-
#cee0e5
#cee0e5
rgb(206,224,229)
-
#dbe8ec
#dbe8ec
rgb(219,232,236)
-
#e8f0f2
#e8f0f2
rgb(232,240,242)
-
#f5f8f9
#f5f8f9
rgb(245,248,249)
Tones of #3f6a75
A tone is produced by adding gray to any pure hue. In this case, #545e60 is the less saturated color, while #018fb3 is the most saturated one.
-
#545e60
#545e60
rgb(84,94,96)
-
#4d6267
#4d6267
rgb(77,98,103)
-
#46666e
#46666e
rgb(70,102,110)
-
#3f6a75
#3f6a75
rgb(63,106,117)
-
#386e7c
#386e7c
rgb(56,110,124)
-
#317283
#317283
rgb(49,114,131)
-
#2a768a
#2a768a
rgb(42,118,138)
-
#237a91
#237a91
rgb(35,122,145)
-
#1c7f98
#1c7f98
rgb(28,127,152)
-
#15839f
#15839f
rgb(21,131,159)
-
#0f87a5
#0f87a5
rgb(15,135,165)
-
#088bac
#088bac
rgb(8,139,172)
-
#018fb3
#018fb3
rgb(1,143,179)
Color Blindness Simulator
Below, you can see how #3f6a75 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.