#3a687f Color Information
In a RGB color space, hex #3a687f is composed of 22.7% red, 40.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 18.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 200 degrees, a saturation of 37.3% and a lightness of 36.3%. #3a687f color hex could be obtained by blending #74d0fe with #000000. Closest websafe color is: #336666.
-
- R 23
- G 41
- B 50
-
- C 54
- M 18
- Y 0
- K 50
● #3a687f color description : Dark moderate blue.
#3a687f Color Conversion
The hexadecimal color #3a687f has RGB values of R:58, G:104, B:127 and CMYK values of C:0.54, M:0.18, Y:0, K:0.5. Its decimal value is 3827839.
Hex triplet | 3a687f | #3a687f |
---|---|---|
RGB Decimal | 58, 104, 127 | rgb(58,104,127) |
RGB Percent | 22.7, 40.8, 49.8 | rgb(22.7%,40.8%,49.8%) |
CMYK | 54, 18, 0, 50 | |
HSL | 200°, 37.3, 36.3 | hsl(200,37.3%,36.3%) |
HSV (or HSB) | 200°, 54.3, 49.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.739, -8.77, -17.637 |
---|---|
XYZ | 10.525, 12.332, 21.903 |
xyY | 0.235, 0.276, 12.332 |
CIE-LCH | 41.739, 19.698, 243.561 |
CIE-LUV | 41.739, -19.896, -23.574 |
Hunter-Lab | 35.117, -7.955, -12.399 |
Binary | 00111010, 01101000, 01111111 |
Color Schemes with #3a687f
Alternatives to #3a687f
Below, you can see some colors close to #3a687f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a687f Preview
This text has a font color of #3a687f.
<span style="color:#3a687f;">Text here</span>
This paragraph has a background color of #3a687f.
<p style="background-color:#3a687f;">Content here</p>
This element has a border color of #3a687f.
<div style="border:1px solid #3a687f;">Content here</div>
.text {color:#3a687f;}
.background {background-color:#3a687f;}
.border {border:1px solid #3a687f;}
Shades and Tints of #3a687f
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, #030506 is the darkest color, while #f7fafc is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#091013
#091013
rgb(9,16,19)
-
#0f1b21
#0f1b21
rgb(15,27,33)
-
#15262e
#15262e
rgb(21,38,46)
-
#1b313c
#1b313c
rgb(27,49,60)
-
#213c49
#213c49
rgb(33,60,73)
-
#284757
#284757
rgb(40,71,87)
-
#2e5264
#2e5264
rgb(46,82,100)
-
#345d72
#345d72
rgb(52,93,114)
-
#3a687f
#3a687f
rgb(58,104,127)
-
#40738c
#40738c
rgb(64,115,140)
-
#467e9a
#467e9a
rgb(70,126,154)
-
#4c89a7
#4c89a7
rgb(76,137,167)
-
#5693b2
#5693b2
rgb(86,147,178)
-
#639cb8
#639cb8
rgb(99,156,184)
-
#71a4be
#71a4be
rgb(113,164,190)
-
#7eadc4
#7eadc4
rgb(126,173,196)
-
#8cb5ca
#8cb5ca
rgb(140,181,202)
-
#99bed0
#99bed0
rgb(153,190,208)
-
#a7c7d7
#a7c7d7
rgb(167,199,215)
-
#b4cfdd
#b4cfdd
rgb(180,207,221)
-
#c1d8e3
#c1d8e3
rgb(193,216,227)
-
#cfe0e9
#cfe0e9
rgb(207,224,233)
-
#dce9ef
#dce9ef
rgb(220,233,239)
-
#eaf2f5
#eaf2f5
rgb(234,242,245)
-
#f7fafc
#f7fafc
rgb(247,250,252)
Tones of #3a687f
A tone is produced by adding gray to any pure hue. In this case, #565f63 is the less saturated color, while #017bb8 is the most saturated one.
-
#565f63
#565f63
rgb(86,95,99)
-
#4f616a
#4f616a
rgb(79,97,106)
-
#486371
#486371
rgb(72,99,113)
-
#416678
#416678
rgb(65,102,120)
-
#3a687f
#3a687f
rgb(58,104,127)
-
#336a86
#336a86
rgb(51,106,134)
-
#2c6d8d
#2c6d8d
rgb(44,109,141)
-
#256f94
#256f94
rgb(37,111,148)
-
#1e719b
#1e719b
rgb(30,113,155)
-
#1674a3
#1674a3
rgb(22,116,163)
-
#0f76aa
#0f76aa
rgb(15,118,170)
-
#0879b1
#0879b1
rgb(8,121,177)
-
#017bb8
#017bb8
rgb(1,123,184)
Color Blindness Simulator
Below, you can see how #3a687f 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.