#2f46ed hex color

In a RGB color space, hex #2f46ed is composed of 18.4% red, 27.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 70.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 232.7 degrees, a saturation of 84.1% and a lightness of 55.7%. #2f46ed color hex could be obtained by blending #5e8cff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 27
- B 93
RGB color chart
- C 80
- M 70
- Y 0
- K 7
CMYK color chart

● #2f46ed color description : Bright blue.

The hexadecimal color #2f46ed has RGB values of R:47, G:70, B:237 and CMYK values of C:0.8, M:0.7, Y:0, K:0.07. Its decimal value is 3098349.

Hex triplet	2f46ed	`#2f46ed`
RGB Decimal	47, 70, 237	`rgb(47,70,237)`
RGB Percent	18.4, 27.5, 92.9	`rgb(18.4%,27.5%,92.9%)`
CMYK	80, 70, 0, 7
HSL	232.7°, 84.1, 55.7	`hsl(232.7,84.1%,55.7%)`
HSV (or HSB)	232.7°, 80.2, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.745, 50.245, -85.313
XYZ	18.645, 11.098, 81.276
xyY	0.168, 0.1, 11.098
CIE-LCH	39.745, 99.01, 300.496
CIE-LUV	39.745, -12.382, -121.669
Hunter-Lab	33.313, 41.608, -121.332
Binary	00101111, 01000110, 11101101

#2f46ed
```
#2f46ed rgb(47,70,237)
```
#edd62f
```
#edd62f rgb(237,214,47)
```

Complementary Color

#2fa5ed
```
#2fa5ed rgb(47,165,237)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#772fed
```
#772fed rgb(119,47,237)
```

Analogous Color

#a5ed2f
```
#a5ed2f rgb(165,237,47)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#ed772f
```
#ed772f rgb(237,119,47)
```

Split Complementary Color

#46ed2f
```
#46ed2f rgb(70,237,47)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#ed2f46
```
#ed2f46 rgb(237,47,70)
```

Triadic Color

#2fedd6
```
#2fedd6 rgb(47,237,214)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#ed2f46
```
#ed2f46 rgb(237,47,70)
```
#edd62f
```
#edd62f rgb(237,214,47)
```

Tetradic Color

#1126bf
```
#1126bf rgb(17,38,191)
```
#132ad6
```
#132ad6 rgb(19,42,214)
```
#1831eb
```
#1831eb rgb(24,49,235)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#465bef
```
#465bef rgb(70,91,239)
```
#5e70f1
```
#5e70f1 rgb(94,112,241)
```
#7585f3
```
#7585f3 rgb(117,133,243)
```

Monochromatic Color

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

#2f76ed
```
#2f76ed rgb(47,118,237)
```
#2f66ed
```
#2f66ed rgb(47,102,237)
```
#2f56ed
```
#2f56ed rgb(47,86,237)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#2f36ed
```
#2f36ed rgb(47,54,237)
```
#382fed
```
#382fed rgb(56,47,237)
```
#472fed
```
#472fed rgb(71,47,237)
```

Similar Colors

Text with hexadecimal color #2f46ed

This text has a font color of #2f46ed.

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

#2f46ed background color

This paragraph has a background color of #2f46ed.

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

#2f46ed border color

This element has a border color of #2f46ed.

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

CSS codes

.text {color:#2f46ed;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02051b
```
#02051b rgb(2,5,27)
```
#04092d
```
#04092d rgb(4,9,45)
```
#050c3f
```
#050c3f rgb(5,12,63)
```
#071051
```
#071051 rgb(7,16,81)
```
#091363
```
#091363 rgb(9,19,99)
```
#0a1775
```
#0a1775 rgb(10,23,117)
```
#0c1b87
```
#0c1b87 rgb(12,27,135)
```
#0d1e99
```
#0d1e99 rgb(13,30,153)
```
#0f22ab
```
#0f22ab rgb(15,34,171)
```
#1025bd
```
#1025bd rgb(16,37,189)
```
#1229cf
```
#1229cf rgb(18,41,207)
```
#132ce1
```
#132ce1 rgb(19,44,225)
```

Shade Color Variation

#1d36eb
```
#1d36eb rgb(29,54,235)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#4156ef
```
#4156ef rgb(65,86,239)
```
#5366f0
```
#5366f0 rgb(83,102,240)
```
#6576f2
```
#6576f2 rgb(101,118,242)
```
#7786f3
```
#7786f3 rgb(119,134,243)
```
#8996f5
```
#8996f5 rgb(137,150,245)
```
#9ba6f6
```
#9ba6f6 rgb(155,166,246)
```
#adb6f8
```
#adb6f8 rgb(173,182,248)
```
#bfc6f9
```
#bfc6f9 rgb(191,198,249)
```
#d1d7fb
```
#d1d7fb rgb(209,215,251)
```
#e4e7fd
```
#e4e7fd rgb(228,231,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868896 is the less saturated color, while #1e39fe is the most saturated one.

#868896
```
#868896 rgb(134,136,150)
```
#7d819f
```
#7d819f rgb(125,129,159)
```
#757ba7
```
#757ba7 rgb(117,123,167)
```
#6c74b0
```
#6c74b0 rgb(108,116,176)
```
#636eb9
```
#636eb9 rgb(99,110,185)
```
#5a67c2
```
#5a67c2 rgb(90,103,194)
```
#5260ca
```
#5260ca rgb(82,96,202)
```
#495ad3
```
#495ad3 rgb(73,90,211)
```
#4053dc
```
#4053dc rgb(64,83,220)
```
#384de4
```
#384de4 rgb(56,77,228)
```
#2f46ed
```
#2f46ed rgb(47,70,237)
```
#263ff6
```
#263ff6 rgb(38,63,246)
```
#1e39fe
```
#1e39fe rgb(30,57,254)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#1158d0 Protanomaly 1% of men, 0.01% of women
#115cc0 Deuteranomaly 6% of men, 0.4% of women
#1160a1 Tritanomaly 0.01% of the population

#2f46ed hex color

#2f46ed Color Information

#2f46ed Color Conversion

Color Schemes with #2f46ed

Alternatives to #2f46ed

#2f46ed Preview

Shades and Tints of #2f46ed

Tones of #2f46ed

Color Blindness Simulator