#3694b5 Color Information
In a RGB color space, hex #3694b5 is composed of 21.2% red, 58% green and 71% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 18.2% magenta, 0% yellow and 29% black. It has a hue angle of 195.6 degrees, a saturation of 54% and a lightness of 46.1%. #3694b5 color hex could be obtained by blending #6cffff with #00296b. Closest websafe color is: #3399cc.
-
- R 21
- G 58
- B 71
-
- C 70
- M 18
- Y 0
- K 29
● #3694b5 color description : Moderate blue.
#3694b5 Color Conversion
The hexadecimal color #3694b5 has RGB values of R:54, G:148, B:181 and CMYK values of C:0.7, M:0.18, Y:0, K:0.29. Its decimal value is 3577013.
Hex triplet | 3694b5 | #3694b5 |
---|---|---|
RGB Decimal | 54, 148, 181 | rgb(54,148,181) |
RGB Percent | 21.2, 58, 71 | rgb(21.2%,58%,71%) |
CMYK | 70, 18, 0, 29 | |
HSL | 195.6°, 54, 46.1 | hsl(195.6,54%,46.1%) |
HSV (or HSB) | 195.6°, 70.2, 71 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.365, -16.622, -25.213 |
---|---|
XYZ | 20.45, 25.299, 47.519 |
xyY | 0.219, 0.271, 25.299 |
CIE-LCH | 57.365, 30.199, 236.604 |
CIE-LUV | 57.365, -35.092, -36.262 |
Hunter-Lab | 50.298, -15.448, -20.806 |
Binary | 00110110, 10010100, 10110101 |
Color Schemes with #3694b5
Alternatives to #3694b5
Below, you can see some colors close to #3694b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3694b5 Preview
This text has a font color of #3694b5.
<span style="color:#3694b5;">Text here</span>
This paragraph has a background color of #3694b5.
<p style="background-color:#3694b5;">Content here</p>
This element has a border color of #3694b5.
<div style="border:1px solid #3694b5;">Content here</div>
.text {color:#3694b5;}
.background {background-color:#3694b5;}
.border {border:1px solid #3694b5;}
Shades and Tints of #3694b5
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, #040c0f is the darkest color, while #ffffff is the lightest one.
-
#040c0f
#040c0f
rgb(4,12,15)
-
#09181e
#09181e
rgb(9,24,30)
-
#0d252d
#0d252d
rgb(13,37,45)
-
#12313c
#12313c
rgb(18,49,60)
-
#163e4b
#163e4b
rgb(22,62,75)
-
#1b4a5a
#1b4a5a
rgb(27,74,90)
-
#1f5669
#1f5669
rgb(31,86,105)
-
#246379
#246379
rgb(36,99,121)
-
#286f88
#286f88
rgb(40,111,136)
-
#2d7b97
#2d7b97
rgb(45,123,151)
-
#3188a6
#3188a6
rgb(49,136,166)
-
#3694b5
#3694b5
rgb(54,148,181)
-
#3ba0c4
#3ba0c4
rgb(59,160,196)
-
#49a8c9
#49a8c9
rgb(73,168,201)
-
#59afcd
#59afcd
rgb(89,175,205)
-
#68b6d2
#68b6d2
rgb(104,182,210)
-
#77bed6
#77bed6
rgb(119,190,214)
-
#86c5db
#86c5db
rgb(134,197,219)
-
#95ccdf
#95ccdf
rgb(149,204,223)
-
#a4d3e4
#a4d3e4
rgb(164,211,228)
-
#b3dbe8
#b3dbe8
rgb(179,219,232)
-
#c2e2ed
#c2e2ed
rgb(194,226,237)
-
#d1e9f1
#d1e9f1
rgb(209,233,241)
-
#e0f0f6
#e0f0f6
rgb(224,240,246)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3694b5
A tone is produced by adding gray to any pure hue. In this case, #757676 is the less saturated color, while #09aae2 is the most saturated one.
-
#757676
#757676
rgb(117,118,118)
-
#6c7a7f
#6c7a7f
rgb(108,122,127)
-
#637e88
#637e88
rgb(99,126,136)
-
#5a8391
#5a8391
rgb(90,131,145)
-
#51879a
#51879a
rgb(81,135,154)
-
#488ba3
#488ba3
rgb(72,139,163)
-
#3f90ac
#3f90ac
rgb(63,144,172)
-
#3694b5
#3694b5
rgb(54,148,181)
-
#2d98be
#2d98be
rgb(45,152,190)
-
#249dc7
#249dc7
rgb(36,157,199)
-
#1ba1d0
#1ba1d0
rgb(27,161,208)
-
#12a5d9
#12a5d9
rgb(18,165,217)
-
#09aae2
#09aae2
rgb(9,170,226)
Color Blindness Simulator
Below, you can see how #3694b5 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.