#3f6688 Color Information
In a RGB color space, hex #3f6688 is composed of 24.7% red, 40% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 25% magenta, 0% yellow and 46.7% black. It has a hue angle of 207.9 degrees, a saturation of 36.7% and a lightness of 39%. #3f6688 color hex could be obtained by blending #7eccff with #000011. Closest websafe color is: #336699.
-
- R 25
- G 40
- B 53
-
- C 54
- M 25
- Y 0
- K 47
● #3f6688 color description : Dark moderate blue.
#3f6688 Color Conversion
The hexadecimal color #3f6688 has RGB values of R:63, G:102, B:136 and CMYK values of C:0.54, M:0.25, Y:0, K:0.47. Its decimal value is 4155016.
Hex triplet | 3f6688 | #3f6688 |
---|---|---|
RGB Decimal | 63, 102, 136 | rgb(63,102,136) |
RGB Percent | 24.7, 40, 53.3 | rgb(24.7%,40%,53.3%) |
CMYK | 54, 25, 0, 47 | |
HSL | 207.9°, 36.7, 39 | hsl(207.9,36.7%,39%) |
HSV (or HSB) | 207.9°, 53.7, 53.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.746, -3.453, -23.037 |
---|---|
XYZ | 11.244, 12.336, 25.08 |
xyY | 0.231, 0.254, 12.336 |
CIE-LCH | 41.746, 23.294, 261.475 |
CIE-LUV | 41.746, -17.474, -32.257 |
Hunter-Lab | 35.123, -4.322, -17.75 |
Binary | 00111111, 01100110, 10001000 |
Color Schemes with #3f6688
Alternatives to #3f6688
Below, you can see some colors close to #3f6688. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6688 Preview
This text has a font color of #3f6688.
<span style="color:#3f6688;">Text here</span>
This paragraph has a background color of #3f6688.
<p style="background-color:#3f6688;">Content here</p>
This element has a border color of #3f6688.
<div style="border:1px solid #3f6688;">Content here</div>
.text {color:#3f6688;}
.background {background-color:#3f6688;}
.border {border:1px solid #3f6688;}
Shades and Tints of #3f6688
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, #010102 is the darkest color, while #f4f7fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#070c0f
#070c0f
rgb(7,12,15)
-
#0d161d
#0d161d
rgb(13,22,29)
-
#14202a
#14202a
rgb(20,32,42)
-
#1a2a38
#1a2a38
rgb(26,42,56)
-
#203445
#203445
rgb(32,52,69)
-
#263e52
#263e52
rgb(38,62,82)
-
#2c4860
#2c4860
rgb(44,72,96)
-
#33526d
#33526d
rgb(51,82,109)
-
#395c7b
#395c7b
rgb(57,92,123)
-
#3f6688
#3f6688
rgb(63,102,136)
-
#457095
#457095
rgb(69,112,149)
-
#4b7aa3
#4b7aa3
rgb(75,122,163)
-
#5384af
#5384af
rgb(83,132,175)
-
#608eb5
#608eb5
rgb(96,142,181)
-
#6d97bc
#6d97bc
rgb(109,151,188)
-
#7ba1c2
#7ba1c2
rgb(123,161,194)
-
#88aac8
#88aac8
rgb(136,170,200)
-
#96b4ce
#96b4ce
rgb(150,180,206)
-
#a3bdd4
#a3bdd4
rgb(163,189,212)
-
#b1c7db
#b1c7db
rgb(177,199,219)
-
#bed1e1
#bed1e1
rgb(190,209,225)
-
#cbdae7
#cbdae7
rgb(203,218,231)
-
#d9e4ed
#d9e4ed
rgb(217,228,237)
-
#e6edf3
#e6edf3
rgb(230,237,243)
-
#f4f7fa
#f4f7fa
rgb(244,247,250)
Tones of #3f6688
A tone is produced by adding gray to any pure hue. In this case, #5e6469 is the less saturated color, while #026ac5 is the most saturated one.
-
#5e6469
#5e6469
rgb(94,100,105)
-
#566471
#566471
rgb(86,100,113)
-
#4e6579
#4e6579
rgb(78,101,121)
-
#476580
#476580
rgb(71,101,128)
-
#3f6688
#3f6688
rgb(63,102,136)
-
#376790
#376790
rgb(55,103,144)
-
#306797
#306797
rgb(48,103,151)
-
#28689f
#28689f
rgb(40,104,159)
-
#2068a7
#2068a7
rgb(32,104,167)
-
#1969ae
#1969ae
rgb(25,105,174)
-
#1169b6
#1169b6
rgb(17,105,182)
-
#096abe
#096abe
rgb(9,106,190)
-
#026ac5
#026ac5
rgb(2,106,197)
Color Blindness Simulator
Below, you can see how #3f6688 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.