#3f669e Color Information
In a RGB color space, hex #3f669e is composed of 24.7% red, 40% green and 62% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 35.4% magenta, 0% yellow and 38% black. It has a hue angle of 215.4 degrees, a saturation of 43% and a lightness of 43.3%. #3f669e color hex could be obtained by blending #7eccff with #00003d. Closest websafe color is: #336699.
-
- R 25
- G 40
- B 62
-
- C 60
- M 35
- Y 0
- K 38
● #3f669e color description : Dark moderate blue.
#3f669e Color Conversion
The hexadecimal color #3f669e has RGB values of R:63, G:102, B:158 and CMYK values of C:0.6, M:0.35, Y:0, K:0.38. Its decimal value is 4155038.
Hex triplet | 3f669e | #3f669e |
---|---|---|
RGB Decimal | 63, 102, 158 | rgb(63,102,158) |
RGB Percent | 24.7, 40, 62 | rgb(24.7%,40%,62%) |
CMYK | 60, 35, 0, 38 | |
HSL | 215.4°, 43, 43.3 | hsl(215.4,43%,43.3%) |
HSV (or HSB) | 215.4°, 60.1, 62 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.804, 3.959, -34.534 |
---|---|
XYZ | 12.971, 13.027, 34.177 |
xyY | 0.216, 0.216, 13.027 |
CIE-LCH | 42.804, 34.76, 276.54 |
CIE-LUV | 42.804, -17.227, -50.767 |
Hunter-Lab | 36.093, 0.987, -30.876 |
Binary | 00111111, 01100110, 10011110 |
Color Schemes with #3f669e
Alternatives to #3f669e
Below, you can see some colors close to #3f669e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f669e Preview
This text has a font color of #3f669e.
<span style="color:#3f669e;">Text here</span>
This paragraph has a background color of #3f669e.
<p style="background-color:#3f669e;">Content here</p>
This element has a border color of #3f669e.
<div style="border:1px solid #3f669e;">Content here</div>
.text {color:#3f669e;}
.background {background-color:#3f669e;}
.border {border:1px solid #3f669e;}
Shades and Tints of #3f669e
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, #010204 is the darkest color, while #f5f7fb is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#070b12
#070b12
rgb(7,11,18)
-
#0d1520
#0d1520
rgb(13,21,32)
-
#121e2e
#121e2e
rgb(18,30,46)
-
#18273c
#18273c
rgb(24,39,60)
-
#1d304a
#1d304a
rgb(29,48,74)
-
#233958
#233958
rgb(35,57,88)
-
#294266
#294266
rgb(41,66,102)
-
#2e4b74
#2e4b74
rgb(46,75,116)
-
#345482
#345482
rgb(52,84,130)
-
#395d90
#395d90
rgb(57,93,144)
-
#3f669e
#3f669e
rgb(63,102,158)
-
#456fac
#456fac
rgb(69,111,172)
-
#4c79b8
#4c79b8
rgb(76,121,184)
-
#5a83bd
#5a83bd
rgb(90,131,189)
-
#688ec3
#688ec3
rgb(104,142,195)
-
#7798c9
#7798c9
rgb(119,152,201)
-
#85a3ce
#85a3ce
rgb(133,163,206)
-
#93add4
#93add4
rgb(147,173,212)
-
#a1b8d9
#a1b8d9
rgb(161,184,217)
-
#afc2df
#afc2df
rgb(175,194,223)
-
#bdcde5
#bdcde5
rgb(189,205,229)
-
#cbd8ea
#cbd8ea
rgb(203,216,234)
-
#d9e2f0
#d9e2f0
rgb(217,226,240)
-
#e7edf5
#e7edf5
rgb(231,237,245)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #3f669e
A tone is produced by adding gray to any pure hue. In this case, #6a6e74 is the less saturated color, while #035bda is the most saturated one.
-
#6a6e74
#6a6e74
rgb(106,110,116)
-
#616c7c
#616c7c
rgb(97,108,124)
-
#596b85
#596b85
rgb(89,107,133)
-
#50698d
#50698d
rgb(80,105,141)
-
#486896
#486896
rgb(72,104,150)
-
#3f669e
#3f669e
rgb(63,102,158)
-
#3764a7
#3764a7
rgb(55,100,167)
-
#2e63af
#2e63af
rgb(46,99,175)
-
#2661b8
#2661b8
rgb(38,97,184)
-
#1d60c0
#1d60c0
rgb(29,96,192)
-
#155ec9
#155ec9
rgb(21,94,201)
-
#0c5dd1
#0c5dd1
rgb(12,93,209)
-
#035bda
#035bda
rgb(3,91,218)
Color Blindness Simulator
Below, you can see how #3f669e 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.