#2704ff hex color

In a RGB color space, hex #2704ff is composed of 15.3% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 248.4 degrees, a saturation of 100% and a lightness of 50.8%. #2704ff color hex could be obtained by blending #4e08ff 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

● #2704ff color description : Vivid blue.

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

Hex triplet	2704ff	`#2704ff`
RGB Decimal	39, 4, 255	`rgb(39,4,255)`
RGB Percent	15.3, 1.6, 100	`rgb(15.3%,1.6%,100%)`
CMYK	85, 98, 0, 0
HSL	248.4°, 100, 50.8	`hsl(248.4,100%,50.8%)`
HSV (or HSB)	248.4°, 98.4, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.429, 78.922, -105.954
XYZ	18.927, 7.737, 95.098
xyY	0.155, 0.064, 7.737
CIE-LCH	33.429, 132.117, 306.681
CIE-LUV	33.429, -7.694, -131.526
Hunter-Lab	27.815, 72.782, -183.238
Binary	00100111, 00000100, 11111111

#2704ff
```
#2704ff rgb(39,4,255)
```
#dcff04
```
#dcff04 rgb(220,255,4)
```

Complementary Color

#045fff
```
#045fff rgb(4,95,255)
```
#2704ff
```
#2704ff rgb(39,4,255)
```
#a504ff
```
#a504ff rgb(165,4,255)
```

Analogous Color

#5fff04
```
#5fff04 rgb(95,255,4)
```
#2704ff
```
#2704ff rgb(39,4,255)
```
#ffa504
```
#ffa504 rgb(255,165,4)
```

Split Complementary Color

#04ff27
```
#04ff27 rgb(4,255,39)
```
#2704ff
```
#2704ff rgb(39,4,255)
```
#ff2704
```
#ff2704 rgb(255,39,4)
```

Triadic Color

#04dcff
```
#04dcff rgb(4,220,255)
```
#2704ff
```
#2704ff rgb(39,4,255)
```
#ff2704
```
#ff2704 rgb(255,39,4)
```
#dcff04
```
#dcff04 rgb(220,255,4)
```

Tetradic Color

#1900b7
```
#1900b7 rgb(25,0,183)
```
#1d00d0
```
#1d00d0 rgb(29,0,208)
```
#2100ea
```
#2100ea rgb(33,0,234)
```
#2704ff
```
#2704ff rgb(39,4,255)
```
#3d1eff
```
#3d1eff rgb(61,30,255)
```
#5337ff
```
#5337ff rgb(83,55,255)
```
#6951ff
```
#6951ff rgb(105,81,255)
```

Monochromatic Color

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

#0420ff
```
#0420ff rgb(4,32,255)
```
#040bff
```
#040bff rgb(4,11,255)
```
#1204ff
```
#1204ff rgb(18,4,255)
```
#2704ff
```
#2704ff rgb(39,4,255)
```
#3c04ff
```
#3c04ff rgb(60,4,255)
```
#5104ff
```
#5104ff rgb(81,4,255)
```
#6604ff
```
#6604ff rgb(102,4,255)
```

Similar Colors

Text with hexadecimal color #2704ff

This text has a font color of #2704ff.

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

#2704ff background color

This paragraph has a background color of #2704ff.

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

#2704ff border color

This element has a border color of #2704ff.

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

CSS codes

.text {color:#2704ff;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#030018
```
#030018 rgb(3,0,24)
```
#06002b
```
#06002b rgb(6,0,43)
```
#09003f
```
#09003f rgb(9,0,63)
```
#0b0052
```
#0b0052 rgb(11,0,82)
```
#0e0066
```
#0e0066 rgb(14,0,102)
```
#11007a
```
#11007a rgb(17,0,122)
```
#14008d
```
#14008d rgb(20,0,141)
```
#1600a1
```
#1600a1 rgb(22,0,161)
```
#1900b5
```
#1900b5 rgb(25,0,181)
```
#1c00c8
```
#1c00c8 rgb(28,0,200)
```
#1f00dc
```
#1f00dc rgb(31,0,220)
```
#2100ef
```
#2100ef rgb(33,0,239)
```

Shade Color Variation

#2704ff
```
#2704ff rgb(39,4,255)
```
#3818ff
```
#3818ff rgb(56,24,255)
```
#492bff
```
#492bff rgb(73,43,255)
```
#5a3fff
```
#5a3fff rgb(90,63,255)
```
#6b52ff
```
#6b52ff rgb(107,82,255)
```
#7b66ff
```
#7b66ff rgb(123,102,255)
```
#8c7aff
```
#8c7aff rgb(140,122,255)
```
#9d8dff
```
#9d8dff rgb(157,141,255)
```
#aea1ff
```
#aea1ff rgb(174,161,255)
```
#bfb5ff
```
#bfb5ff rgb(191,181,255)
```
#d0c8ff
```
#d0c8ff rgb(208,200,255)
```
#e1dcff
```
#e1dcff rgb(225,220,255)
```
#f2efff
```
#f2efff rgb(242,239,255)
```

Tint Color Variation

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

#7b788b
```
#7b788b rgb(123,120,139)
```
#746e95
```
#746e95 rgb(116,110,149)
```
#6d659e
```
#6d659e rgb(109,101,158)
```
#665ba8
```
#665ba8 rgb(102,91,168)
```
#5f51b2
```
#5f51b2 rgb(95,81,178)
```
#5848bb
```
#5848bb rgb(88,72,187)
```
#513ec5
```
#513ec5 rgb(81,62,197)
```
#4a34cf
```
#4a34cf rgb(74,52,207)
```
#432bd8
```
#432bd8 rgb(67,43,216)
```
#3c21e2
```
#3c21e2 rgb(60,33,226)
```
#3517ec
```
#3517ec rgb(53,23,236)
```
#2e0ef5
```
#2e0ef5 rgb(46,14,245)
```
#2704ff
```
#2704ff rgb(39,4,255)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2a2355 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

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

#2704ff hex color

#2704ff Color Information

#2704ff Color Conversion

Color Schemes with #2704ff

Alternatives to #2704ff

#2704ff Preview

Shades and Tints of #2704ff

Tones of #2704ff

Color Blindness Simulator