#2686ff Color Information
In a RGB color space, hex #2686ff is composed of 14.9% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 213.5 degrees, a saturation of 100% and a lightness of 57.5%. #2686ff color hex could be obtained by blending #4cffff with #000dff. Closest websafe color is: #3399ff.
-
- R 15
- G 53
- B 100
-
- C 85
- M 47
- Y 0
- K 0
● #2686ff color description : Vivid blue.
#2686ff Color Conversion
The hexadecimal color #2686ff has RGB values of R:38, G:134, B:255 and CMYK values of C:0.85, M:0.47, Y:0, K:0. Its decimal value is 2524927.
Hex triplet | 2686ff | #2686ff |
---|---|---|
RGB Decimal | 38, 134, 255 | rgb(38,134,255) |
RGB Percent | 14.9, 52.5, 100 | rgb(14.9%,52.5%,100%) |
CMYK | 85, 47, 0, 0 | |
HSL | 213.5°, 100, 57.5 | hsl(213.5,100%,57.5%) |
HSV (or HSB) | 213.5°, 85.1, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.762, 16.55, -67.599 |
---|---|
XYZ | 27.37, 24.68, 97.923 |
xyY | 0.183, 0.165, 24.68 |
CIE-LCH | 56.762, 69.595, 283.757 |
CIE-LUV | 56.762, -29.131, -108.508 |
Hunter-Lab | 49.679, 11.406, -82.093 |
Binary | 00100110, 10000110, 11111111 |
Color Schemes with #2686ff
Alternatives to #2686ff
Below, you can see some colors close to #2686ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2686ff Preview
This text has a font color of #2686ff.
<span style="color:#2686ff;">Text here</span>
This paragraph has a background color of #2686ff.
<p style="background-color:#2686ff;">Content here</p>
This element has a border color of #2686ff.
<div style="border:1px solid #2686ff;">Content here</div>
.text {color:#2686ff;}
.background {background-color:#2686ff;}
.border {border:1px solid #2686ff;}
Shades and Tints of #2686ff
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, #000812 is the darkest color, while #fefeff is the lightest one.
-
#000812
#000812
rgb(0,8,18)
-
#001126
#001126
rgb(0,17,38)
-
#00193a
#00193a
rgb(0,25,58)
-
#00224d
#00224d
rgb(0,34,77)
-
#002b61
#002b61
rgb(0,43,97)
-
#003474
#003474
rgb(0,52,116)
-
#003c88
#003c88
rgb(0,60,136)
-
#00459c
#00459c
rgb(0,69,156)
-
#004eaf
#004eaf
rgb(0,78,175)
-
#0056c3
#0056c3
rgb(0,86,195)
-
#005fd7
#005fd7
rgb(0,95,215)
-
#0068ea
#0068ea
rgb(0,104,234)
-
#0070fe
#0070fe
rgb(0,112,254)
-
#127bff
#127bff
rgb(18,123,255)
-
#2686ff
#2686ff
rgb(38,134,255)
-
#3a91ff
#3a91ff
rgb(58,145,255)
-
#4d9cff
#4d9cff
rgb(77,156,255)
-
#61a7ff
#61a7ff
rgb(97,167,255)
-
#74b2ff
#74b2ff
rgb(116,178,255)
-
#88bdff
#88bdff
rgb(136,189,255)
-
#9cc8ff
#9cc8ff
rgb(156,200,255)
-
#afd3ff
#afd3ff
rgb(175,211,255)
-
#c3deff
#c3deff
rgb(195,222,255)
-
#d7e8ff
#d7e8ff
rgb(215,232,255)
-
#eaf3ff
#eaf3ff
rgb(234,243,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #2686ff
A tone is produced by adding gray to any pure hue. In this case, #8a929b is the less saturated color, while #2686ff is the most saturated one.
-
#8a929b
#8a929b
rgb(138,146,155)
-
#8291a3
#8291a3
rgb(130,145,163)
-
#7990ac
#7990ac
rgb(121,144,172)
-
#718fb4
#718fb4
rgb(113,143,180)
-
#698ebc
#698ebc
rgb(105,142,188)
-
#608dc5
#608dc5
rgb(96,141,197)
-
#588ccd
#588ccd
rgb(88,140,205)
-
#508bd5
#508bd5
rgb(80,139,213)
-
#478ade
#478ade
rgb(71,138,222)
-
#3f89e6
#3f89e6
rgb(63,137,230)
-
#3788ee
#3788ee
rgb(55,136,238)
-
#2e87f7
#2e87f7
rgb(46,135,247)
-
#2686ff
#2686ff
rgb(38,134,255)
Color Blindness Simulator
Below, you can see how #2686ff 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.