#3786f2 Color Information
In a RGB color space, hex #3786f2 is composed of 21.6% red, 52.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 44.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 214.7 degrees, a saturation of 87.8% and a lightness of 58.2%. #3786f2 color hex could be obtained by blending #6effff with #000de5. Closest websafe color is: #3399ff.
-
- R 22
- G 53
- B 95
-
- C 77
- M 45
- Y 0
- K 5
● #3786f2 color description : Bright blue.
#3786f2 Color Conversion
The hexadecimal color #3786f2 has RGB values of R:55, G:134, B:242 and CMYK values of C:0.77, M:0.45, Y:0, K:0.05. Its decimal value is 3639026.
Hex triplet | 3786f2 | #3786f2 |
---|---|---|
RGB Decimal | 55, 134, 242 | rgb(55,134,242) |
RGB Percent | 21.6, 52.5, 94.9 | rgb(21.6%,52.5%,94.9%) |
CMYK | 77, 45, 0, 5 | |
HSL | 214.7°, 87.8, 58.2 | hsl(214.7,87.8%,58.2%) |
HSV (or HSB) | 214.7°, 77.3, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.358, 13.201, -61.051 |
---|---|
XYZ | 26.124, 24.271, 87.308 |
xyY | 0.19, 0.176, 24.271 |
CIE-LCH | 56.358, 62.462, 282.201 |
CIE-LUV | 56.358, -27.546, -97.71 |
Hunter-Lab | 49.266, 8.438, -70.586 |
Binary | 00110111, 10000110, 11110010 |
Color Schemes with #3786f2
Alternatives to #3786f2
Below, you can see some colors close to #3786f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3786f2 Preview
This text has a font color of #3786f2.
<span style="color:#3786f2;">Text here</span>
This paragraph has a background color of #3786f2.
<p style="background-color:#3786f2;">Content here</p>
This element has a border color of #3786f2.
<div style="border:1px solid #3786f2;">Content here</div>
.text {color:#3786f2;}
.background {background-color:#3786f2;}
.border {border:1px solid #3786f2;}
Shades and Tints of #3786f2
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, #000103 is the darkest color, while #eff5fe is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#010a15
#010a15
rgb(1,10,21)
-
#031227
#031227
rgb(3,18,39)
-
#041b3a
#041b3a
rgb(4,27,58)
-
#05234c
#05234c
rgb(5,35,76)
-
#062c5f
#062c5f
rgb(6,44,95)
-
#073471
#073471
rgb(7,52,113)
-
#093d84
#093d84
rgb(9,61,132)
-
#0a4596
#0a4596
rgb(10,69,150)
-
#0b4da8
#0b4da8
rgb(11,77,168)
-
#0c56bb
#0c56bb
rgb(12,86,187)
-
#0d5ecd
#0d5ecd
rgb(13,94,205)
-
#0f67e0
#0f67e0
rgb(15,103,224)
-
#1270f0
#1270f0
rgb(18,112,240)
-
#257bf1
#257bf1
rgb(37,123,241)
-
#3786f2
#3786f2
rgb(55,134,242)
-
#4991f3
#4991f3
rgb(73,145,243)
-
#5c9cf4
#5c9cf4
rgb(92,156,244)
-
#6ea7f6
#6ea7f6
rgb(110,167,246)
-
#81b3f7
#81b3f7
rgb(129,179,247)
-
#93bef8
#93bef8
rgb(147,190,248)
-
#a6c9f9
#a6c9f9
rgb(166,201,249)
-
#b8d4fa
#b8d4fa
rgb(184,212,250)
-
#cadffc
#cadffc
rgb(202,223,252)
-
#ddeafd
#ddeafd
rgb(221,234,253)
-
#eff5fe
#eff5fe
rgb(239,245,254)
Tones of #3786f2
A tone is produced by adding gray to any pure hue. In this case, #919498 is the less saturated color, while #2f85fa is the most saturated one.
-
#919498
#919498
rgb(145,148,152)
-
#8993a0
#8993a0
rgb(137,147,160)
-
#8191a8
#8191a8
rgb(129,145,168)
-
#7990b0
#7990b0
rgb(121,144,176)
-
#708fb9
#708fb9
rgb(112,143,185)
-
#688ec1
#688ec1
rgb(104,142,193)
-
#608cc9
#608cc9
rgb(96,140,201)
-
#588bd1
#588bd1
rgb(88,139,209)
-
#508ad9
#508ad9
rgb(80,138,217)
-
#4789e2
#4789e2
rgb(71,137,226)
-
#3f87ea
#3f87ea
rgb(63,135,234)
-
#3786f2
#3786f2
rgb(55,134,242)
-
#2f85fa
#2f85fa
rgb(47,133,250)
Color Blindness Simulator
Below, you can see how #3786f2 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.