#3376ff Color Information
In a RGB color space, hex #3376ff is composed of 20% red, 46.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 53.7% magenta, 0% yellow and 0% black. It has a hue angle of 220.3 degrees, a saturation of 100% and a lightness of 60%. #3376ff color hex could be obtained by blending #66ecff with #0000ff. Closest websafe color is: #3366ff.
-
- R 20
- G 46
- B 100
-
- C 80
- M 54
- Y 0
- K 0
● #3376ff color description : Vivid blue.
#3376ff Color Conversion
The hexadecimal color #3376ff has RGB values of R:51, G:118, B:255 and CMYK values of C:0.8, M:0.54, Y:0, K:0. Its decimal value is 3372799.
Hex triplet | 3376ff | #3376ff |
---|---|---|
RGB Decimal | 51, 118, 255 | rgb(51,118,255) |
RGB Percent | 20, 46.3, 100 | rgb(20%,46.3%,100%) |
CMYK | 80, 54, 0, 0 | |
HSL | 220.3°, 100, 60 | hsl(220.3,100%,60%) |
HSV (or HSB) | 220.3°, 80, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.816, 27.493, -73.97 |
---|---|
XYZ | 25.89, 20.879, 97.268 |
xyY | 0.18, 0.145, 20.879 |
CIE-LCH | 52.816, 78.914, 290.389 |
CIE-LUV | 52.816, -23.13, -117.056 |
Hunter-Lab | 45.693, 21.175, -94.226 |
Binary | 00110011, 01110110, 11111111 |
Color Schemes with #3376ff
Alternatives to #3376ff
Below, you can see some colors close to #3376ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3376ff Preview
This text has a font color of #3376ff.
<span style="color:#3376ff;">Text here</span>
This paragraph has a background color of #3376ff.
<p style="background-color:#3376ff;">Content here</p>
This element has a border color of #3376ff.
<div style="border:1px solid #3376ff;">Content here</div>
.text {color:#3376ff;}
.background {background-color:#3376ff;}
.border {border:1px solid #3376ff;}
Shades and Tints of #3376ff
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, #00040c is the darkest color, while #f7faff is the lightest one.
-
#00040c
#00040c
rgb(0,4,12)
-
#000a1f
#000a1f
rgb(0,10,31)
-
#001133
#001133
rgb(0,17,51)
-
#001747
#001747
rgb(0,23,71)
-
#001e5a
#001e5a
rgb(0,30,90)
-
#00246e
#00246e
rgb(0,36,110)
-
#002b81
#002b81
rgb(0,43,129)
-
#003195
#003195
rgb(0,49,149)
-
#0037a9
#0037a9
rgb(0,55,169)
-
#003ebc
#003ebc
rgb(0,62,188)
-
#0044d0
#0044d0
rgb(0,68,208)
-
#004be4
#004be4
rgb(0,75,228)
-
#0051f7
#0051f7
rgb(0,81,247)
-
#0c5cff
#0c5cff
rgb(12,92,255)
-
#1f69ff
#1f69ff
rgb(31,105,255)
-
#3376ff
#3376ff
rgb(51,118,255)
-
#4783ff
#4783ff
rgb(71,131,255)
-
#5a90ff
#5a90ff
rgb(90,144,255)
-
#6e9eff
#6e9eff
rgb(110,158,255)
-
#81abff
#81abff
rgb(129,171,255)
-
#95b8ff
#95b8ff
rgb(149,184,255)
-
#a9c5ff
#a9c5ff
rgb(169,197,255)
-
#bcd2ff
#bcd2ff
rgb(188,210,255)
-
#d0dfff
#d0dfff
rgb(208,223,255)
-
#e4edff
#e4edff
rgb(228,237,255)
-
#f7faff
#f7faff
rgb(247,250,255)
Tones of #3376ff
A tone is produced by adding gray to any pure hue. In this case, #9196a1 is the less saturated color, while #3376ff is the most saturated one.
-
#9196a1
#9196a1
rgb(145,150,161)
-
#8994a9
#8994a9
rgb(137,148,169)
-
#8191b1
#8191b1
rgb(129,145,177)
-
#7a8eb8
#7a8eb8
rgb(122,142,184)
-
#728cc0
#728cc0
rgb(114,140,192)
-
#6a89c8
#6a89c8
rgb(106,137,200)
-
#6286d0
#6286d0
rgb(98,134,208)
-
#5a83d8
#5a83d8
rgb(90,131,216)
-
#5281e0
#5281e0
rgb(82,129,224)
-
#4b7ee7
#4b7ee7
rgb(75,126,231)
-
#437bef
#437bef
rgb(67,123,239)
-
#3b79f7
#3b79f7
rgb(59,121,247)
-
#3376ff
#3376ff
rgb(51,118,255)
Color Blindness Simulator
Below, you can see how #3376ff 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.