#2f36d4 hex color

In a RGB color space, hex #2f36d4 is composed of 18.4% red, 21.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 74.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 237.5 degrees, a saturation of 65.7% and a lightness of 50.8%. #2f36d4 color hex could be obtained by blending #5e6cff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 21
- B 83
RGB color chart
- C 78
- M 75
- Y 0
- K 17
CMYK color chart

● #2f36d4 color description : Strong blue.

The hexadecimal color #2f36d4 has RGB values of R:47, G:54, B:212 and CMYK values of C:0.78, M:0.75, Y:0, K:0.17. Its decimal value is 3094228.

Hex triplet	2f36d4	`#2f36d4`
RGB Decimal	47, 54, 212	`rgb(47,54,212)`
RGB Percent	18.4, 21.2, 83.1	`rgb(18.4%,21.2%,83.1%)`
CMYK	78, 75, 0, 17
HSL	237.5°, 65.7, 50.8	`hsl(237.5,65.7%,50.8%)`
HSV (or HSB)	237.5°, 77.8, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.973, 50.981, -80.558
XYZ	14.373, 7.995, 63.069
xyY	0.168, 0.094, 7.995
CIE-LCH	33.973, 95.335, 302.328
CIE-LUV	33.973, -8.89, -108.606
Hunter-Lab	28.276, 41.25, -112.454
Binary	00101111, 00110110, 11010100

#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#d4cd2f
```
#d4cd2f rgb(212,205,47)
```

Complementary Color

#2f89d4
```
#2f89d4 rgb(47,137,212)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#7b2fd4
```
#7b2fd4 rgb(123,47,212)
```

Analogous Color

#89d42f
```
#89d42f rgb(137,212,47)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#d47b2f
```
#d47b2f rgb(212,123,47)
```

Split Complementary Color

#36d42f
```
#36d42f rgb(54,212,47)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#d42f36
```
#d42f36 rgb(212,47,54)
```

Triadic Color

#2fd4cd
```
#2fd4cd rgb(47,212,205)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#d42f36
```
#d42f36 rgb(212,47,54)
```
#d4cd2f
```
#d4cd2f rgb(212,205,47)
```

Tetradic Color

#1f2497
```
#1f2497 rgb(31,36,151)
```
#2429ac
```
#2429ac rgb(36,41,172)
```
#282fc1
```
#282fc1 rgb(40,47,193)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#444ad8
```
#444ad8 rgb(68,74,216)
```
#595fdd
```
#595fdd rgb(89,95,221)
```
#6e73e1
```
#6e73e1 rgb(110,115,225)
```

Monochromatic Color

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

#2f5fd4
```
#2f5fd4 rgb(47,95,212)
```
#2f51d4
```
#2f51d4 rgb(47,81,212)
```
#2f44d4
```
#2f44d4 rgb(47,68,212)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#362fd4
```
#362fd4 rgb(54,47,212)
```
#442fd4
```
#442fd4 rgb(68,47,212)
```
#512fd4
```
#512fd4 rgb(81,47,212)
```

Similar Colors

Text with hexadecimal color #2f36d4

This text has a font color of #2f36d4.

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

#2f36d4 background color

This paragraph has a background color of #2f36d4.

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

#2f36d4 border color

This element has a border color of #2f36d4.

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

CSS codes

.text {color:#2f36d4;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040514
```
#040514 rgb(4,5,20)
```
#070924
```
#070924 rgb(7,9,36)
```
#0b0d34
```
#0b0d34 rgb(11,13,52)
```
#0e1044
```
#0e1044 rgb(14,16,68)
```
#111455
```
#111455 rgb(17,20,85)
```
#151865
```
#151865 rgb(21,24,101)
```
#181c75
```
#181c75 rgb(24,28,117)
```
#1c2085
```
#1c2085 rgb(28,32,133)
```
#1f2496
```
#1f2496 rgb(31,36,150)
```
#2228a6
```
#2228a6 rgb(34,40,166)
```
#262cb6
```
#262cb6 rgb(38,44,182)
```
#2930c6
```
#2930c6 rgb(41,48,198)
```

Shade Color Variation

#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#3f46d7
```
#3f46d7 rgb(63,70,215)
```
#5055db
```
#5055db rgb(80,85,219)
```
#6065de
```
#6065de rgb(96,101,222)
```
#7075e1
```
#7075e1 rgb(112,117,225)
```
#8085e5
```
#8085e5 rgb(128,133,229)
```
#9194e8
```
#9194e8 rgb(145,148,232)
```
#a1a4ec
```
#a1a4ec rgb(161,164,236)
```
#b1b4ef
```
#b1b4ef rgb(177,180,239)
```
#c1c3f2
```
#c1c3f2 rgb(193,195,242)
```
#d2d3f6
```
#d2d3f6 rgb(210,211,246)
```
#e2e3f9
```
#e2e3f9 rgb(226,227,249)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

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

#7c7d87
```
#7c7d87 rgb(124,125,135)
```
#737490
```
#737490 rgb(115,116,144)
```
#696b9a
```
#696b9a rgb(105,107,154)
```
#5f62a4
```
#5f62a4 rgb(95,98,164)
```
#5659ad
```
#5659ad rgb(86,89,173)
```
#4c51b7
```
#4c51b7 rgb(76,81,183)
```
#4248c1
```
#4248c1 rgb(66,72,193)
```
#393fca
```
#393fca rgb(57,63,202)
```
#2f36d4
```
#2f36d4 rgb(47,54,212)
```
#252dde
```
#252dde rgb(37,45,222)
```
#1c24e7
```
#1c24e7 rgb(28,36,231)
```
#121bf1
```
#121bf1 rgb(18,27,241)
```
#0813fb
```
#0813fb rgb(8,19,251)
```

Tone Color Variation

Below, you can see how #2f36d4 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
#414362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#114ab8 Protanomaly 1% of men, 0.01% of women
#114da9 Deuteranomaly 6% of men, 0.4% of women
#11518e Tritanomaly 0.01% of the population

#2f36d4 hex color

#2f36d4 Color Information

#2f36d4 Color Conversion

Color Schemes with #2f36d4

Alternatives to #2f36d4

#2f36d4 Preview

Shades and Tints of #2f36d4

Tones of #2f36d4

Color Blindness Simulator