#3682b5 Color Information
In a RGB color space, hex #3682b5 is composed of 21.2% red, 51% green and 71% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 28.2% magenta, 0% yellow and 29% black. It has a hue angle of 204.1 degrees, a saturation of 54% and a lightness of 46.1%. #3682b5 color hex could be obtained by blending #6cffff with #00056b. Closest websafe color is: #3399cc.
-
- R 21
- G 51
- B 71
-
- C 70
- M 28
- Y 0
- K 29
● #3682b5 color description : Moderate blue.
#3682b5 Color Conversion
The hexadecimal color #3682b5 has RGB values of R:54, G:130, B:181 and CMYK values of C:0.7, M:0.28, Y:0, K:0.29. Its decimal value is 3572405.
Hex triplet | 3682b5 | #3682b5 |
---|---|---|
RGB Decimal | 54, 130, 181 | rgb(54,130,181) |
RGB Percent | 21.2, 51, 71 | rgb(21.2%,51%,71%) |
CMYK | 70, 28, 0, 29 | |
HSL | 204.1°, 54, 46.1 | hsl(204.1,54%,46.1%) |
HSV (or HSB) | 204.1°, 70.2, 71 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 51.932, -6.521, -33.649 |
---|---|
XYZ | 17.842, 20.084, 46.65 |
xyY | 0.211, 0.237, 20.084 |
CIE-LCH | 51.932, 34.275, 259.033 |
CIE-LUV | 51.932, -28.605, -50.347 |
Hunter-Lab | 44.816, -7.361, -30.346 |
Binary | 00110110, 10000010, 10110101 |
Color Schemes with #3682b5
Alternatives to #3682b5
Below, you can see some colors close to #3682b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3682b5 Preview
This text has a font color of #3682b5.
<span style="color:#3682b5;">Text here</span>
This paragraph has a background color of #3682b5.
<p style="background-color:#3682b5;">Content here</p>
This element has a border color of #3682b5.
<div style="border:1px solid #3682b5;">Content here</div>
.text {color:#3682b5;}
.background {background-color:#3682b5;}
.border {border:1px solid #3682b5;}
Shades and Tints of #3682b5
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, #040b0f is the darkest color, while #ffffff is the lightest one.
-
#040b0f
#040b0f
rgb(4,11,15)
-
#09151e
#09151e
rgb(9,21,30)
-
#0d202d
#0d202d
rgb(13,32,45)
-
#122b3c
#122b3c
rgb(18,43,60)
-
#16364b
#16364b
rgb(22,54,75)
-
#1b415a
#1b415a
rgb(27,65,90)
-
#1f4c69
#1f4c69
rgb(31,76,105)
-
#245779
#245779
rgb(36,87,121)
-
#286188
#286188
rgb(40,97,136)
-
#2d6c97
#2d6c97
rgb(45,108,151)
-
#3177a6
#3177a6
rgb(49,119,166)
-
#3682b5
#3682b5
rgb(54,130,181)
-
#3b8dc4
#3b8dc4
rgb(59,141,196)
-
#4996c9
#4996c9
rgb(73,150,201)
-
#599ecd
#599ecd
rgb(89,158,205)
-
#68a7d2
#68a7d2
rgb(104,167,210)
-
#77b0d6
#77b0d6
rgb(119,176,214)
-
#86b9db
#86b9db
rgb(134,185,219)
-
#95c1df
#95c1df
rgb(149,193,223)
-
#a4cae4
#a4cae4
rgb(164,202,228)
-
#b3d3e8
#b3d3e8
rgb(179,211,232)
-
#c2dced
#c2dced
rgb(194,220,237)
-
#d1e5f1
#d1e5f1
rgb(209,229,241)
-
#e0edf6
#e0edf6
rgb(224,237,246)
-
#f0f6fa
#f0f6fa
rgb(240,246,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3682b5
A tone is produced by adding gray to any pure hue. In this case, #757676 is the less saturated color, while #098be2 is the most saturated one.
-
#757676
#757676
rgb(117,118,118)
-
#6c777f
#6c777f
rgb(108,119,127)
-
#637988
#637988
rgb(99,121,136)
-
#5a7b91
#5a7b91
rgb(90,123,145)
-
#517d9a
#517d9a
rgb(81,125,154)
-
#487ea3
#487ea3
rgb(72,126,163)
-
#3f80ac
#3f80ac
rgb(63,128,172)
-
#3682b5
#3682b5
rgb(54,130,181)
-
#2d84be
#2d84be
rgb(45,132,190)
-
#2486c7
#2486c7
rgb(36,134,199)
-
#1b87d0
#1b87d0
rgb(27,135,208)
-
#1289d9
#1289d9
rgb(18,137,217)
-
#098be2
#098be2
rgb(9,139,226)
Color Blindness Simulator
Below, you can see how #3682b5 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.