#2f36de hex color

In a RGB color space, hex #2f36de is composed of 18.4% red, 21.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 75.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 237.6 degrees, a saturation of 72.6% and a lightness of 52.7%. #2f36de color hex could be obtained by blending #5e6cff with #0000bd. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 21
- B 87
RGB color chart
- C 79
- M 76
- Y 0
- K 13
CMYK color chart

● #2f36de color description : Bright blue.

The hexadecimal color #2f36de has RGB values of R:47, G:54, B:222 and CMYK values of C:0.79, M:0.76, Y:0, K:0.13. Its decimal value is 3094238.

Hex triplet	2f36de	`#2f36de`
RGB Decimal	47, 54, 222	`rgb(47,54,222)`
RGB Percent	18.4, 21.2, 87.1	`rgb(18.4%,21.2%,87.1%)`
CMYK	79, 76, 0, 13
HSL	237.6°, 72.6, 52.7	`hsl(237.6,72.6%,52.7%)`
HSV (or HSB)	237.6°, 78.8, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.034, 54.212, -84.559
XYZ	15.674, 8.516, 69.921
xyY	0.167, 0.09, 8.516
CIE-LCH	35.034, 100.444, 302.664
CIE-LUV	35.034, -9.255, -114.467
Hunter-Lab	29.181, 44.807, -121.636
Binary	00101111, 00110110, 11011110

#2f36de
```
#2f36de rgb(47,54,222)
```
#ded72f
```
#ded72f rgb(222,215,47)
```

Complementary Color

#2f8ede
```
#2f8ede rgb(47,142,222)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#802fde
```
#802fde rgb(128,47,222)
```

Analogous Color

#8ede2f
```
#8ede2f rgb(142,222,47)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#de802f
```
#de802f rgb(222,128,47)
```

Split Complementary Color

#36de2f
```
#36de2f rgb(54,222,47)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#de2f36
```
#de2f36 rgb(222,47,54)
```

Triadic Color

#2fded7
```
#2fded7 rgb(47,222,215)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#de2f36
```
#de2f36 rgb(222,47,54)
```
#ded72f
```
#ded72f rgb(222,215,47)
```

Tetradic Color

#1a20a6
```
#1a20a6 rgb(26,32,166)
```
#1e24bc
```
#1e24bc rgb(30,36,188)
```
#2128d2
```
#2128d2 rgb(33,40,210)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#454be1
```
#454be1 rgb(69,75,225)
```
#5b61e5
```
#5b61e5 rgb(91,97,229)
```
#7176e8
```
#7176e8 rgb(113,118,232)
```

Monochromatic Color

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

#2f62de
```
#2f62de rgb(47,98,222)
```
#2f53de
```
#2f53de rgb(47,83,222)
```
#2f45de
```
#2f45de rgb(47,69,222)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#372fde
```
#372fde rgb(55,47,222)
```
#452fde
```
#452fde rgb(69,47,222)
```
#542fde
```
#542fde rgb(84,47,222)
```

Similar Colors

Text with hexadecimal color #2f36de

This text has a font color of #2f36de.

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

#2f36de background color

This paragraph has a background color of #2f36de.

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

#2f36de border color

This element has a border color of #2f36de.

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

CSS codes

.text {color:#2f36de;}

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

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

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, #02020c is the darkest color, while #fafafe is the lightest one.

#02020c
```
#02020c rgb(2,2,12)
```
#05061d
```
#05061d rgb(5,6,29)
```
#07092e
```
#07092e rgb(7,9,46)
```
#0a0c3f
```
#0a0c3f rgb(10,12,63)
```
#0d0f50
```
#0d0f50 rgb(13,15,80)
```
#0f1361
```
#0f1361 rgb(15,19,97)
```
#121672
```
#121672 rgb(18,22,114)
```
#151983
```
#151983 rgb(21,25,131)
```
#171c94
```
#171c94 rgb(23,28,148)
```
#1a20a4
```
#1a20a4 rgb(26,32,164)
```
#1d23b5
```
#1d23b5 rgb(29,35,181)
```
#1f26c6
```
#1f26c6 rgb(31,38,198)
```
#2229d7
```
#2229d7 rgb(34,41,215)
```

Shade Color Variation

#2f36de
```
#2f36de rgb(47,54,222)
```
#4046e1
```
#4046e1 rgb(64,70,225)
```
#5157e3
```
#5157e3 rgb(81,87,227)
```
#6267e6
```
#6267e6 rgb(98,103,230)
```
#7377e9
```
#7377e9 rgb(115,119,233)
```
#8488eb
```
#8488eb rgb(132,136,235)
```
#9598ee
```
#9598ee rgb(149,152,238)
```
#a6a9f1
```
#a6a9f1 rgb(166,169,241)
```
#b6b9f3
```
#b6b9f3 rgb(182,185,243)
```
#c7c9f6
```
#c7c9f6 rgb(199,201,246)
```
#d8daf9
```
#d8daf9 rgb(216,218,249)
```
#e9eafc
```
#e9eafc rgb(233,234,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82838b is the less saturated color, while #131cfa is the most saturated one.

#82838b
```
#82838b rgb(130,131,139)
```
#797a94
```
#797a94 rgb(121,122,148)
```
#70729d
```
#70729d rgb(112,114,157)
```
#6769a6
```
#6769a6 rgb(103,105,166)
```
#5d61b0
```
#5d61b0 rgb(93,97,176)
```
#5458b9
```
#5458b9 rgb(84,88,185)
```
#4b50c2
```
#4b50c2 rgb(75,80,194)
```
#4247cb
```
#4247cb rgb(66,71,203)
```
#383fd5
```
#383fd5 rgb(56,63,213)
```
#2f36de
```
#2f36de rgb(47,54,222)
```
#262de7
```
#262de7 rgb(38,45,231)
```
#1c25f1
```
#1c25f1 rgb(28,37,241)
```
#131cfa
```
#131cfa rgb(19,28,250)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#114cbe Protanomaly 1% of men, 0.01% of women
#114faf Deuteranomaly 6% of men, 0.4% of women
#115393 Tritanomaly 0.01% of the population

#2f36de hex color

#2f36de Color Information

#2f36de Color Conversion

Color Schemes with #2f36de

Alternatives to #2f36de

#2f36de Preview

Shades and Tints of #2f36de

Tones of #2f36de

Color Blindness Simulator