#3102ff Color Information
In a RGB color space, hex #3102ff is composed of 19.2% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 251.1 degrees, a saturation of 100% and a lightness of 50.4%. #3102ff color hex could be obtained by blending #6204ff with #0000ff. Closest websafe color is: #3300ff.
-
- R 19
- G 1
- B 100
-
- C 81
- M 99
- Y 0
- K 0
● #3102ff color description : Vivid blue.
#3102ff Color Conversion
The hexadecimal color #3102ff has RGB values of R:49, G:2, B:255 and CMYK values of C:0.81, M:0.99, Y:0, K:0. Its decimal value is 3212031.
Hex triplet | 3102ff | #3102ff |
---|---|---|
RGB Decimal | 49, 2, 255 | rgb(49,2,255) |
RGB Percent | 19.2, 0.8, 100 | rgb(19.2%,0.8%,100%) |
CMYK | 81, 99, 0, 0 | |
HSL | 251.1°, 100, 50.4 | hsl(251.1,100%,50.4%) |
HSV (or HSB) | 251.1°, 99.2, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.805, 79.382, -105.313 |
---|---|
XYZ | 19.335, 7.915, 95.111 |
xyY | 0.158, 0.065, 7.915 |
CIE-LCH | 33.805, 131.88, 307.008 |
CIE-LUV | 33.805, -6.669, -131.879 |
Hunter-Lab | 28.134, 73.439, -180.746 |
Binary | 00110001, 00000010, 11111111 |
Color Schemes with #3102ff
Alternatives to #3102ff
Below, you can see some colors close to #3102ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3102ff Preview
This text has a font color of #3102ff.
<span style="color:#3102ff;">Text here</span>
This paragraph has a background color of #3102ff.
<p style="background-color:#3102ff;">Content here</p>
This element has a border color of #3102ff.
<div style="border:1px solid #3102ff;">Content here</div>
.text {color:#3102ff;}
.background {background-color:#3102ff;}
.border {border:1px solid #3102ff;}
Shades and Tints of #3102ff
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, #000002 is the darkest color, while #f1edff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#040016
#040016
rgb(4,0,22)
-
#080029
#080029
rgb(8,0,41)
-
#0b003d
#0b003d
rgb(11,0,61)
-
#0f0050
#0f0050
rgb(15,0,80)
-
#130064
#130064
rgb(19,0,100)
-
#160078
#160078
rgb(22,0,120)
-
#1a008b
#1a008b
rgb(26,0,139)
-
#1e009f
#1e009f
rgb(30,0,159)
-
#2100b3
#2100b3
rgb(33,0,179)
-
#2500c6
#2500c6
rgb(37,0,198)
-
#2800da
#2800da
rgb(40,0,218)
-
#2c00ed
#2c00ed
rgb(44,0,237)
-
#3102ff
#3102ff
rgb(49,2,255)
-
#4116ff
#4116ff
rgb(65,22,255)
-
#5129ff
#5129ff
rgb(81,41,255)
-
#613dff
#613dff
rgb(97,61,255)
-
#7150ff
#7150ff
rgb(113,80,255)
-
#8164ff
#8164ff
rgb(129,100,255)
-
#9178ff
#9178ff
rgb(145,120,255)
-
#a18bff
#a18bff
rgb(161,139,255)
-
#b19fff
#b19fff
rgb(177,159,255)
-
#c1b3ff
#c1b3ff
rgb(193,179,255)
-
#d1c6ff
#d1c6ff
rgb(209,198,255)
-
#e1daff
#e1daff
rgb(225,218,255)
-
#f1edff
#f1edff
rgb(241,237,255)
Tones of #3102ff
A tone is produced by adding gray to any pure hue. In this case, #7a778a is the less saturated color, while #3102ff is the most saturated one.
-
#7a778a
#7a778a
rgb(122,119,138)
-
#746d94
#746d94
rgb(116,109,148)
-
#6e639e
#6e639e
rgb(110,99,158)
-
#685aa7
#685aa7
rgb(104,90,167)
-
#6250b1
#6250b1
rgb(98,80,177)
-
#5c46bb
#5c46bb
rgb(92,70,187)
-
#563cc5
#563cc5
rgb(86,60,197)
-
#5033ce
#5033ce
rgb(80,51,206)
-
#4929d8
#4929d8
rgb(73,41,216)
-
#431fe2
#431fe2
rgb(67,31,226)
-
#3d15ec
#3d15ec
rgb(61,21,236)
-
#370cf5
#370cf5
rgb(55,12,245)
-
#3102ff
#3102ff
rgb(49,2,255)
Color Blindness Simulator
Below, you can see how #3102ff 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.