#2f2dff hex color

In a RGB color space, hex #2f2dff is composed of 18.4% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 240.6 degrees, a saturation of 100% and a lightness of 58.8%. #2f2dff color hex could be obtained by blending #5e5aff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 18
- B 100
RGB color chart
- C 82
- M 82
- Y 0
- K 0
CMYK color chart

● #2f2dff color description : Vivid blue.

The hexadecimal color #2f2dff has RGB values of R:47, G:45, B:255 and CMYK values of C:0.82, M:0.82, Y:0, K:0. Its decimal value is 3091967.

Hex triplet	2f2dff	`#2f2dff`
RGB Decimal	47, 45, 255	`rgb(47,45,255)`
RGB Percent	18.4, 17.6, 100	`rgb(18.4%,17.6%,100%)`
CMYK	82, 82, 0, 0
HSL	240.6°, 100, 58.8	`hsl(240.6,100%,58.8%)`
HSV (or HSB)	240.6°, 82.4, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.298, 68.439, -99.493
XYZ	20.157, 9.7, 95.412
xyY	0.161, 0.077, 9.7
CIE-LCH	37.298, 120.759, 304.523
CIE-LUV	37.298, -9.414, -133.415
Hunter-Lab	31.144, 61.025, -159.836
Binary	00101111, 00101101, 11111111

#2f2dff
```
#2f2dff rgb(47,45,255)
```
#fdff2d
```
#fdff2d rgb(253,255,45)
```

Complementary Color

#2d94ff
```
#2d94ff rgb(45,148,255)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#982dff
```
#982dff rgb(152,45,255)
```

Analogous Color

#94ff2d
```
#94ff2d rgb(148,255,45)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#ff982d
```
#ff982d rgb(255,152,45)
```

Split Complementary Color

#2dff2f
```
#2dff2f rgb(45,255,47)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#ff2f2d
```
#ff2f2d rgb(255,47,45)
```

Triadic Color

#2dfdff
```
#2dfdff rgb(45,253,255)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#ff2f2d
```
#ff2f2d rgb(255,47,45)
```
#fdff2d
```
#fdff2d rgb(253,255,45)
```

Tetradic Color

#0200e0
```
#0200e0 rgb(2,0,224)
```
#0200f9
```
#0200f9 rgb(2,0,249)
```
#1614ff
```
#1614ff rgb(22,20,255)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#4847ff
```
#4847ff rgb(72,71,255)
```
#6260ff
```
#6260ff rgb(98,96,255)
```
#7b7aff
```
#7b7aff rgb(123,122,255)
```

Monochromatic Color

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

#2d60ff
```
#2d60ff rgb(45,96,255)
```
#2d4eff
```
#2d4eff rgb(45,78,255)
```
#2d3dff
```
#2d3dff rgb(45,61,255)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#402dff
```
#402dff rgb(64,45,255)
```
#522dff
```
#522dff rgb(82,45,255)
```
#642dff
```
#642dff rgb(100,45,255)
```

Similar Colors

Text with hexadecimal color #2f2dff

This text has a font color of #2f2dff.

<span style="color:#2f2dff;">Text here</span>

#2f2dff background color

This paragraph has a background color of #2f2dff.

<p style="background-color:#2f2dff;">Content here</p>

#2f2dff border color

This element has a border color of #2f2dff.

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

CSS codes

.text {color:#2f2dff;}

.background {background-color:#2f2dff;}

.border {border:1px solid #2f2dff;}

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

#000006
```
#000006 rgb(0,0,6)
```
#000019
```
#000019 rgb(0,0,25)
```
#00002d
```
#00002d rgb(0,0,45)
```
#010041
```
#010041 rgb(1,0,65)
```
#010054
```
#010054 rgb(1,0,84)
```
#010068
```
#010068 rgb(1,0,104)
```
#01007b
```
#01007b rgb(1,0,123)
```
#01008f
```
#01008f rgb(1,0,143)
```
#0200a3
```
#0200a3 rgb(2,0,163)
```
#0200b6
```
#0200b6 rgb(2,0,182)
```
#0200ca
```
#0200ca rgb(2,0,202)
```
#0200de
```
#0200de rgb(2,0,222)
```
#0200f1
```
#0200f1 rgb(2,0,241)
```

Shade Color Variation

#0806ff
```
#0806ff rgb(8,6,255)
```
#1c19ff
```
#1c19ff rgb(28,25,255)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```
#4241ff
```
#4241ff rgb(66,65,255)
```
#5654ff
```
#5654ff rgb(86,84,255)
```
#6968ff
```
#6968ff rgb(105,104,255)
```
#7d7bff
```
#7d7bff rgb(125,123,255)
```
#908fff
```
#908fff rgb(144,143,255)
```
#a4a3ff
```
#a4a3ff rgb(164,163,255)
```
#b7b6ff
```
#b7b6ff rgb(183,182,255)
```
#cacaff
```
#cacaff rgb(202,202,255)
```
#dedeff
```
#dedeff rgb(222,222,255)
```
#f1f1ff
```
#f1f1ff rgb(241,241,255)
```

Tint Color Variation

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

#8e8e9e
```
#8e8e9e rgb(142,142,158)
```
#8686a6
```
#8686a6 rgb(134,134,166)
```
#7e7eae
```
#7e7eae rgb(126,126,174)
```
#7676b6
```
#7676b6 rgb(118,118,182)
```
#6e6ebe
```
#6e6ebe rgb(110,110,190)
```
#6666c6
```
#6666c6 rgb(102,102,198)
```
#5f5dcf
```
#5f5dcf rgb(95,93,207)
```
#5755d7
```
#5755d7 rgb(87,85,215)
```
#4f4ddf
```
#4f4ddf rgb(79,77,223)
```
#4745e7
```
#4745e7 rgb(71,69,231)
```
#3f3def
```
#3f3def rgb(63,61,239)
```
#3735f7
```
#3735f7 rgb(55,53,247)
```
#2f2dff
```
#2f2dff rgb(47,45,255)
```

Tone Color Variation

Below, you can see how #2f2dff 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

#464646 Achromatopsia 0.005% of the population
#41416b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6e Tritanopia 0.001% of the population

Trichromacy

#114cd0 Protanomaly 1% of men, 0.01% of women
#114fc0 Deuteranomaly 6% of men, 0.4% of women
#1153a3 Tritanomaly 0.01% of the population

#2f2dff hex color

#2f2dff Color Information

#2f2dff Color Conversion

Color Schemes with #2f2dff

Alternatives to #2f2dff

#2f2dff Preview

Shades and Tints of #2f2dff

Tones of #2f2dff

Color Blindness Simulator