#3682c2 Color Information
In a RGB color space, hex #3682c2 is composed of 21.2% red, 51% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 33% magenta, 0% yellow and 23.9% black. It has a hue angle of 207.4 degrees, a saturation of 56.5% and a lightness of 48.6%. #3682c2 color hex could be obtained by blending #6cffff with #000585. Closest websafe color is: #3399cc.
-
- R 21
- G 51
- B 76
-
- C 72
- M 33
- Y 0
- K 24
● #3682c2 color description : Moderate blue.
#3682c2 Color Conversion
The hexadecimal color #3682c2 has RGB values of R:54, G:130, B:194 and CMYK values of C:0.72, M:0.33, Y:0, K:0.24. Its decimal value is 3572418.
Hex triplet | 3682c2 | #3682c2 |
---|---|---|
RGB Decimal | 54, 130, 194 | rgb(54,130,194) |
RGB Percent | 21.2, 51, 76.1 | rgb(21.2%,51%,76.1%) |
CMYK | 72, 33, 0, 24 | |
HSL | 207.4°, 56.5, 48.6 | hsl(207.4,56.5%,48.6%) |
HSV (or HSB) | 207.4°, 72.2, 76.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 52.557, -1.927, -40.115 |
---|---|
XYZ | 19.239, 20.643, 54.007 |
xyY | 0.205, 0.22, 20.643 |
CIE-LCH | 52.557, 40.161, 267.25 |
CIE-LUV | 52.557, -28.063, -61.407 |
Hunter-Lab | 45.435, -3.925, -38.672 |
Binary | 00110110, 10000010, 11000010 |
Color Schemes with #3682c2
Alternatives to #3682c2
Below, you can see some colors close to #3682c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3682c2 Preview
This text has a font color of #3682c2.
<span style="color:#3682c2;">Text here</span>
This paragraph has a background color of #3682c2.
<p style="background-color:#3682c2;">Content here</p>
This element has a border color of #3682c2.
<div style="border:1px solid #3682c2;">Content here</div>
.text {color:#3682c2;}
.background {background-color:#3682c2;}
.border {border:1px solid #3682c2;}
Shades and Tints of #3682c2
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, #03070a is the darkest color, while #fafcfd is the lightest one.
-
#03070a
#03070a
rgb(3,7,10)
-
#071119
#071119
rgb(7,17,25)
-
#0b1b29
#0b1b29
rgb(11,27,41)
-
#102538
#102538
rgb(16,37,56)
-
#143047
#143047
rgb(20,48,71)
-
#183a57
#183a57
rgb(24,58,87)
-
#1c4466
#1c4466
rgb(28,68,102)
-
#214f75
#214f75
rgb(33,79,117)
-
#255985
#255985
rgb(37,89,133)
-
#296394
#296394
rgb(41,99,148)
-
#2d6da3
#2d6da3
rgb(45,109,163)
-
#3278b3
#3278b3
rgb(50,120,179)
-
#3682c2
#3682c2
rgb(54,130,194)
-
#418cca
#418cca
rgb(65,140,202)
-
#5195ce
#5195ce
rgb(81,149,206)
-
#609ed3
#609ed3
rgb(96,158,211)
-
#6fa8d7
#6fa8d7
rgb(111,168,215)
-
#7fb1db
#7fb1db
rgb(127,177,219)
-
#8ebae0
#8ebae0
rgb(142,186,224)
-
#9dc4e4
#9dc4e4
rgb(157,196,228)
-
#adcde8
#adcde8
rgb(173,205,232)
-
#bcd6ec
#bcd6ec
rgb(188,214,236)
-
#cbe0f1
#cbe0f1
rgb(203,224,241)
-
#dbe9f5
#dbe9f5
rgb(219,233,245)
-
#eaf2f9
#eaf2f9
rgb(234,242,249)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #3682c2
A tone is produced by adding gray to any pure hue. In this case, #797c7f is the less saturated color, while #0686f2 is the most saturated one.
-
#797c7f
#797c7f
rgb(121,124,127)
-
#6f7d89
#6f7d89
rgb(111,125,137)
-
#667e92
#667e92
rgb(102,126,146)
-
#5c7f9c
#5c7f9c
rgb(92,127,156)
-
#5380a5
#5380a5
rgb(83,128,165)
-
#4980af
#4980af
rgb(73,128,175)
-
#4081b8
#4081b8
rgb(64,129,184)
-
#3682c2
#3682c2
rgb(54,130,194)
-
#2c83cc
#2c83cc
rgb(44,131,204)
-
#2384d5
#2384d5
rgb(35,132,213)
-
#1984df
#1984df
rgb(25,132,223)
-
#1085e8
#1085e8
rgb(16,133,232)
-
#0686f2
#0686f2
rgb(6,134,242)
Color Blindness Simulator
Below, you can see how #3682c2 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.