#3385f6 hex color

In a RGB color space, hex #3385f6 is composed of 20% red, 52.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 45.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 214.8 degrees, a saturation of 91.5% and a lightness of 58.2%. #3385f6 color hex could be obtained by blending #66ffff with #000bed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 52
- B 96
RGB color chart
- C 79
- M 46
- Y 0
- K 4
CMYK color chart

● #3385f6 color description : Bright blue.

The hexadecimal color #3385f6 has RGB values of R:51, G:133, B:246 and CMYK values of C:0.79, M:0.46, Y:0, K:0.04. Its decimal value is 3376630.

Hex triplet	3385f6	`#3385f6`
RGB Decimal	51, 133, 246	`rgb(51,133,246)`
RGB Percent	20, 52.2, 96.5	`rgb(20%,52.2%,96.5%)`
CMYK	79, 46, 0, 4
HSL	214.8°, 91.5, 58.2	`hsl(214.8,91.5%,58.2%)`
HSV (or HSB)	214.8°, 79.3, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.218, 14.878, -63.496
XYZ	26.384, 24.131, 90.451
xyY	0.187, 0.171, 24.131
CIE-LCH	56.218, 65.215, 283.187
CIE-LUV	56.218, -27.673, -101.682
Hunter-Lab	49.123, 9.906, -74.786
Binary	00110011, 10000101, 11110110

#3385f6
```
#3385f6 rgb(51,133,246)
```
#f6a433
```
#f6a433 rgb(246,164,51)
```

Complementary Color

#33e7f6
```
#33e7f6 rgb(51,231,246)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#4333f6
```
#4333f6 rgb(67,51,246)
```

Analogous Color

#e7f633
```
#e7f633 rgb(231,246,51)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#f64333
```
#f64333 rgb(246,67,51)
```

Split Complementary Color

#85f633
```
#85f633 rgb(133,246,51)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#f63385
```
#f63385 rgb(246,51,133)
```

Triadic Color

#33f6a4
```
#33f6a4 rgb(51,246,164)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#f63385
```
#f63385 rgb(246,51,133)
```
#f6a433
```
#f6a433 rgb(246,164,51)
```

Tetradic Color

#095ed3
```
#095ed3 rgb(9,94,211)
```
#0a69ec
```
#0a69ec rgb(10,105,236)
```
#1b76f5
```
#1b76f5 rgb(27,118,245)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#4b94f7
```
#4b94f7 rgb(75,148,247)
```
#64a2f8
```
#64a2f8 rgb(100,162,248)
```
#7cb1f9
```
#7cb1f9 rgb(124,177,249)
```

Monochromatic Color

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

#33b6f6
```
#33b6f6 rgb(51,182,246)
```
#33a6f6
```
#33a6f6 rgb(51,166,246)
```
#3395f6
```
#3395f6 rgb(51,149,246)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#3375f6
```
#3375f6 rgb(51,117,246)
```
#3365f6
```
#3365f6 rgb(51,101,246)
```
#3354f6
```
#3354f6 rgb(51,84,246)
```

Similar Colors

Text with hexadecimal color #3385f6

This text has a font color of #3385f6.

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

#3385f6 background color

This paragraph has a background color of #3385f6.

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

#3385f6 border color

This element has a border color of #3385f6.

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

CSS codes

.text {color:#3385f6;}

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

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

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)
```
#021228
```
#021228 rgb(2,18,40)
```
#031a3b
```
#031a3b rgb(3,26,59)
```
#03234e
```
#03234e rgb(3,35,78)
```
#042b61
```
#042b61 rgb(4,43,97)
```
#053373
```
#053373 rgb(5,51,115)
```
#063c86
```
#063c86 rgb(6,60,134)
```
#074499
```
#074499 rgb(7,68,153)
```
#084dac
```
#084dac rgb(8,77,172)
```
#0855bf
```
#0855bf rgb(8,85,191)
```
#095dd1
```
#095dd1 rgb(9,93,209)
```
#0a66e4
```
#0a66e4 rgb(10,102,228)
```

Shade Color Variation

#0d6ff4
```
#0d6ff4 rgb(13,111,244)
```
#207af5
```
#207af5 rgb(32,122,245)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#4690f7
```
#4690f7 rgb(70,144,247)
```
#599bf8
```
#599bf8 rgb(89,155,248)
```
#6ba7f8
```
#6ba7f8 rgb(107,167,248)
```
#7eb2f9
```
#7eb2f9 rgb(126,178,249)
```
#91bdfa
```
#91bdfa rgb(145,189,250)
```
#a4c8fb
```
#a4c8fb rgb(164,200,251)
```
#b7d4fc
```
#b7d4fc rgb(183,212,252)
```
#c9dffd
```
#c9dffd rgb(201,223,253)
```
#dceafd
```
#dceafd rgb(220,234,253)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d939c is the less saturated color, while #2b84fe is the most saturated one.

#8d939c
```
#8d939c rgb(141,147,156)
```
#8592a4
```
#8592a4 rgb(133,146,164)
```
#7d91ac
```
#7d91ac rgb(125,145,172)
```
#758fb4
```
#758fb4 rgb(117,143,180)
```
#6c8ebd
```
#6c8ebd rgb(108,142,189)
```
#648dc5
```
#648dc5 rgb(100,141,197)
```
#5c8ccd
```
#5c8ccd rgb(92,140,205)
```
#548ad5
```
#548ad5 rgb(84,138,213)
```
#4c89dd
```
#4c89dd rgb(76,137,221)
```
#4388e6
```
#4388e6 rgb(67,136,230)
```
#3b86ee
```
#3b86ee rgb(59,134,238)
```
#3385f6
```
#3385f6 rgb(51,133,246)
```
#2b84fe
```
#2b84fe rgb(43,132,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b7b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5089f4 Protanopia 1% of men
#008fee Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#4587f5 Protanomaly 1% of men, 0.01% of women
#128bf1 Deuteranomaly 6% of men, 0.4% of women
#1292c2 Tritanomaly 0.01% of the population

#3385f6 hex color

#3385f6 Color Information

#3385f6 Color Conversion

Color Schemes with #3385f6

Alternatives to #3385f6

#3385f6 Preview

Shades and Tints of #3385f6

Tones of #3385f6

Color Blindness Simulator