#3385ff hex color

In a RGB color space, hex #3385ff is composed of 20% red, 52.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 47.8% magenta, 0% yellow and 0% black. It has a hue angle of 215.9 degrees, a saturation of 100% and a lightness of 60%. #3385ff color hex could be obtained by blending #66ffff with #000bff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 52
- B 100
RGB color chart
- C 80
- M 48
- Y 0
- K 0
CMYK color chart

● #3385ff color description : Vivid blue.

The hexadecimal color #3385ff has RGB values of R:51, G:133, B:255 and CMYK values of C:0.8, M:0.48, Y:0, K:0. Its decimal value is 3376639.

Hex triplet	3385ff	`#3385ff`
RGB Decimal	51, 133, 255	`rgb(51,133,255)`
RGB Percent	20, 52.2, 100	`rgb(20%,52.2%,100%)`
CMYK	80, 48, 0, 0
HSL	215.9°, 100, 60	`hsl(215.9,100%,60%)`
HSV (or HSB)	215.9°, 80, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.779, 18.193, -67.558
XYZ	27.799, 24.697, 97.904
xyY	0.185, 0.164, 24.697
CIE-LCH	56.779, 69.965, 285.072
CIE-LUV	56.779, -27.417, -108.592
Hunter-Lab	49.696, 12.882, -82.019
Binary	00110011, 10000101, 11111111

#3385ff
```
#3385ff rgb(51,133,255)
```
#ffad33
```
#ffad33 rgb(255,173,51)
```

Complementary Color

#33ebff
```
#33ebff rgb(51,235,255)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#4733ff
```
#4733ff rgb(71,51,255)
```

Analogous Color

#ebff33
```
#ebff33 rgb(235,255,51)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#ff4733
```
#ff4733 rgb(255,71,51)
```

Split Complementary Color

#85ff33
```
#85ff33 rgb(133,255,51)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#ff3385
```
#ff3385 rgb(255,51,133)
```

Triadic Color

#33ffad
```
#33ffad rgb(51,255,173)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#ff3385
```
#ff3385 rgb(255,51,133)
```
#ffad33
```
#ffad33 rgb(255,173,51)
```

Tetradic Color

#005ce6
```
#005ce6 rgb(0,92,230)
```
#0067ff
```
#0067ff rgb(0,103,255)
```
#1a76ff
```
#1a76ff rgb(26,118,255)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#4d94ff
```
#4d94ff rgb(77,148,255)
```
#66a4ff
```
#66a4ff rgb(102,164,255)
```
#80b3ff
```
#80b3ff rgb(128,179,255)
```

Monochromatic Color

Below, you can see some colors close to #3385ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#33b8ff
```
#33b8ff rgb(51,184,255)
```
#33a7ff
```
#33a7ff rgb(51,167,255)
```
#3396ff
```
#3396ff rgb(51,150,255)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#3374ff
```
#3374ff rgb(51,116,255)
```
#3363ff
```
#3363ff rgb(51,99,255)
```
#3352ff
```
#3352ff rgb(51,82,255)
```

Similar Colors

Text with hexadecimal color #3385ff

This text has a font color of #3385ff.

<span style="color:#3385ff;">Text here</span>

#3385ff background color

This paragraph has a background color of #3385ff.

<p style="background-color:#3385ff;">Content here</p>

#3385ff border color

This element has a border color of #3385ff.

<div style="border:1px solid #3385ff;">Content here</div>

CSS codes

.text {color:#3385ff;}

.background {background-color:#3385ff;}

.border {border:1px solid #3385ff;}

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, #00050c is the darkest color, while #f7faff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000d1f
```
#000d1f rgb(0,13,31)
```
#001533
```
#001533 rgb(0,21,51)
```
#001c47
```
#001c47 rgb(0,28,71)
```
#00245a
```
#00245a rgb(0,36,90)
```
#002c6e
```
#002c6e rgb(0,44,110)
```
#003481
```
#003481 rgb(0,52,129)
```
#003c95
```
#003c95 rgb(0,60,149)
```
#0044a9
```
#0044a9 rgb(0,68,169)
```
#004cbc
```
#004cbc rgb(0,76,188)
```
#0054d0
```
#0054d0 rgb(0,84,208)
```
#005be4
```
#005be4 rgb(0,91,228)
```
#0063f7
```
#0063f7 rgb(0,99,247)
```

Shade Color Variation

#0c6eff
```
#0c6eff rgb(12,110,255)
```
#1f79ff
```
#1f79ff rgb(31,121,255)
```
#3385ff
```
#3385ff rgb(51,133,255)
```
#4791ff
```
#4791ff rgb(71,145,255)
```
#5a9cff
```
#5a9cff rgb(90,156,255)
```
#6ea8ff
```
#6ea8ff rgb(110,168,255)
```
#81b4ff
```
#81b4ff rgb(129,180,255)
```
#95c0ff
```
#95c0ff rgb(149,192,255)
```
#a9cbff
```
#a9cbff rgb(169,203,255)
```
#bcd7ff
```
#bcd7ff rgb(188,215,255)
```
#d0e3ff
```
#d0e3ff rgb(208,227,255)
```
#e4efff
```
#e4efff rgb(228,239,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9197a1 is the less saturated color, while #3385ff is the most saturated one.

#9197a1
```
#9197a1 rgb(145,151,161)
```
#8996a9
```
#8996a9 rgb(137,150,169)
```
#8194b1
```
#8194b1 rgb(129,148,177)
```
#7a93b8
```
#7a93b8 rgb(122,147,184)
```
#7291c0
```
#7291c0 rgb(114,145,192)
```
#6a90c8
```
#6a90c8 rgb(106,144,200)
```
#628ed0
```
#628ed0 rgb(98,142,208)
```
#5a8dd8
```
#5a8dd8 rgb(90,141,216)
```
#528be0
```
#528be0 rgb(82,139,224)
```
#4b8ae7
```
#4b8ae7 rgb(75,138,231)
```
#4388ef
```
#4388ef rgb(67,136,239)
```
#3b87f7
```
#3b87f7 rgb(59,135,247)
```
#3385ff
```
#3385ff rgb(51,133,255)
```

Tone Color Variation

Below, you can see how #3385ff 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.

Monochromacy

#7a7a7a Achromatopsia 0.005% of the population
#6c7c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#468afe Protanopia 1% of men
#0091ef Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#3f88fe Protanomaly 1% of men, 0.01% of women
#128cf5 Deuteranomaly 6% of men, 0.4% of women
#1293c6 Tritanomaly 0.01% of the population

#3385ff hex color

#3385ff Color Information

#3385ff Color Conversion

Color Schemes with #3385ff

Alternatives to #3385ff

#3385ff Preview

Shades and Tints of #3385ff

Tones of #3385ff

Color Blindness Simulator