#2706ff hex color

In a RGB color space, hex #2706ff is composed of 15.3% red, 2.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 97.6% magenta, 0% yellow and 0% black. It has a hue angle of 248 degrees, a saturation of 100% and a lightness of 51.2%. #2706ff color hex could be obtained by blending #4e0cff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 15
- G 2
- B 100
RGB color chart
- C 85
- M 98
- Y 0
- K 0
CMYK color chart

● #2706ff color description : Vivid blue.

The hexadecimal color #2706ff has RGB values of R:39, G:6, B:255 and CMYK values of C:0.85, M:0.98, Y:0, K:0. Its decimal value is 2557695.

Hex triplet	2706ff	`#2706ff`
RGB Decimal	39, 6, 255	`rgb(39,6,255)`
RGB Percent	15.3, 2.4, 100	`rgb(15.3%,2.4%,100%)`
CMYK	85, 98, 0, 0
HSL	248°, 100, 51.2	`hsl(248,100%,51.2%)`
HSV (or HSB)	248°, 97.6, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.521, 78.636, -105.8
XYZ	18.948, 7.78, 95.105
xyY	0.156, 0.064, 7.78
CIE-LCH	33.521, 131.823, 306.621
CIE-LUV	33.521, -7.755, -131.603
Hunter-Lab	27.893, 72.445, -182.632
Binary	00100111, 00000110, 11111111

#2706ff
```
#2706ff rgb(39,6,255)
```
#deff06
```
#deff06 rgb(222,255,6)
```

Complementary Color

#0662ff
```
#0662ff rgb(6,98,255)
```
#2706ff
```
#2706ff rgb(39,6,255)
```
#a406ff
```
#a406ff rgb(164,6,255)
```

Analogous Color

#62ff06
```
#62ff06 rgb(98,255,6)
```
#2706ff
```
#2706ff rgb(39,6,255)
```
#ffa406
```
#ffa406 rgb(255,164,6)
```

Split Complementary Color

#06ff27
```
#06ff27 rgb(6,255,39)
```
#2706ff
```
#2706ff rgb(39,6,255)
```
#ff2706
```
#ff2706 rgb(255,39,6)
```

Triadic Color

#06deff
```
#06deff rgb(6,222,255)
```
#2706ff
```
#2706ff rgb(39,6,255)
```
#ff2706
```
#ff2706 rgb(255,39,6)
```
#deff06
```
#deff06 rgb(222,255,6)
```

Tetradic Color

#1800b9
```
#1800b9 rgb(24,0,185)
```
#1c00d2
```
#1c00d2 rgb(28,0,210)
```
#1f00ec
```
#1f00ec rgb(31,0,236)
```
#2706ff
```
#2706ff rgb(39,6,255)
```
#3d20ff
```
#3d20ff rgb(61,32,255)
```
#5339ff
```
#5339ff rgb(83,57,255)
```
#6953ff
```
#6953ff rgb(105,83,255)
```

Monochromatic Color

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

#0623ff
```
#0623ff rgb(6,35,255)
```
#060fff
```
#060fff rgb(6,15,255)
```
#1206ff
```
#1206ff rgb(18,6,255)
```
#2706ff
```
#2706ff rgb(39,6,255)
```
#3c06ff
```
#3c06ff rgb(60,6,255)
```
#5006ff
```
#5006ff rgb(80,6,255)
```
#6506ff
```
#6506ff rgb(101,6,255)
```

Similar Colors

Text with hexadecimal color #2706ff

This text has a font color of #2706ff.

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

#2706ff background color

This paragraph has a background color of #2706ff.

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

#2706ff border color

This element has a border color of #2706ff.

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

CSS codes

.text {color:#2706ff;}

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

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

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, #010006 is the darkest color, while #f3f1ff is the lightest one.

#010006
```
#010006 rgb(1,0,6)
```
#03001a
```
#03001a rgb(3,0,26)
```
#06002d
```
#06002d rgb(6,0,45)
```
#090041
```
#090041 rgb(9,0,65)
```
#0b0054
```
#0b0054 rgb(11,0,84)
```
#0e0068
```
#0e0068 rgb(14,0,104)
```
#10007c
```
#10007c rgb(16,0,124)
```
#13008f
```
#13008f rgb(19,0,143)
```
#1600a3
```
#1600a3 rgb(22,0,163)
```
#1800b7
```
#1800b7 rgb(24,0,183)
```
#1b00ca
```
#1b00ca rgb(27,0,202)
```
#1d00de
```
#1d00de rgb(29,0,222)
```
#2000f1
```
#2000f1 rgb(32,0,241)
```

Shade Color Variation

#2706ff
```
#2706ff rgb(39,6,255)
```
#381aff
```
#381aff rgb(56,26,255)
```
#492dff
```
#492dff rgb(73,45,255)
```
#5a41ff
```
#5a41ff rgb(90,65,255)
```
#6b54ff
```
#6b54ff rgb(107,84,255)
```
#7c68ff
```
#7c68ff rgb(124,104,255)
```
#8d7cff
```
#8d7cff rgb(141,124,255)
```
#9e8fff
```
#9e8fff rgb(158,143,255)
```
#afa3ff
```
#afa3ff rgb(175,163,255)
```
#c0b7ff
```
#c0b7ff rgb(192,183,255)
```
#d1caff
```
#d1caff rgb(209,202,255)
```
#e2deff
```
#e2deff rgb(226,222,255)
```
#f3f1ff
```
#f3f1ff rgb(243,241,255)
```

Tint Color Variation

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

#7b798c
```
#7b798c rgb(123,121,140)
```
#746f96
```
#746f96 rgb(116,111,150)
```
#6d669f
```
#6d669f rgb(109,102,159)
```
#665ca9
```
#665ca9 rgb(102,92,169)
```
#5f53b2
```
#5f53b2 rgb(95,83,178)
```
#5849bc
```
#5849bc rgb(88,73,188)
```
#513fc6
```
#513fc6 rgb(81,63,198)
```
#4a36cf
```
#4a36cf rgb(74,54,207)
```
#432cd9
```
#432cd9 rgb(67,44,217)
```
#3c23e2
```
#3c23e2 rgb(60,35,226)
```
#3519ec
```
#3519ec rgb(53,25,236)
```
#2e10f5
```
#2e10f5 rgb(46,16,245)
```
#2706ff
```
#2706ff rgb(39,6,255)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2b2456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0e38c6 Protanomaly 1% of men, 0.01% of women
#0e3bb7 Deuteranomaly 6% of men, 0.4% of women
#0e3f9c Tritanomaly 0.01% of the population

#2706ff hex color

#2706ff Color Information

#2706ff Color Conversion

Color Schemes with #2706ff

Alternatives to #2706ff

#2706ff Preview

Shades and Tints of #2706ff

Tones of #2706ff

Color Blindness Simulator