#2f18be hex color

In a RGB color space, hex #2f18be is composed of 18.4% red, 9.4% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 87.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 248.3 degrees, a saturation of 77.6% and a lightness of 42%. #2f18be color hex could be obtained by blending #5e30ff with #00007d. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 18
- G 9
- B 75
RGB color chart
- C 75
- M 87
- Y 0
- K 25
CMYK color chart

● #2f18be color description : Strong blue.

The hexadecimal color #2f18be has RGB values of R:47, G:24, B:190 and CMYK values of C:0.75, M:0.87, Y:0, K:0.25. Its decimal value is 3086526.

Hex triplet	2f18be	`#2f18be`
RGB Decimal	47, 24, 190	`rgb(47,24,190)`
RGB Percent	18.4, 9.4, 74.5	`rgb(18.4%,9.4%,74.5%)`
CMYK	75, 87, 0, 25
HSL	248.3°, 77.6, 42	`hsl(248.3,77.6%,42%)`
HSV (or HSB)	248.3°, 87.4, 74.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.663, 58.222, -79.817
XYZ	10.791, 4.975, 49.104
xyY	0.166, 0.077, 4.975
CIE-LCH	26.663, 98.795, 306.109
CIE-LUV	26.663, -4.284, -95.649
Hunter-Lab	22.304, 47.332, -114.918
Binary	00101111, 00011000, 10111110

#2f18be
```
#2f18be rgb(47,24,190)
```
#a7be18
```
#a7be18 rgb(167,190,24)
```

Complementary Color

#1854be
```
#1854be rgb(24,84,190)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#8218be
```
#8218be rgb(130,24,190)
```

Analogous Color

#54be18
```
#54be18 rgb(84,190,24)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#be8218
```
#be8218 rgb(190,130,24)
```

Split Complementary Color

#18be2f
```
#18be2f rgb(24,190,47)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#be2f18
```
#be2f18 rgb(190,47,24)
```

Triadic Color

#18a7be
```
#18a7be rgb(24,167,190)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#be2f18
```
#be2f18 rgb(190,47,24)
```
#a7be18
```
#a7be18 rgb(167,190,24)
```

Tetradic Color

#1e0f7a
```
#1e0f7a rgb(30,15,122)
```
#241291
```
#241291 rgb(36,18,145)
```
#2915a7
```
#2915a7 rgb(41,21,167)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#351bd5
```
#351bd5 rgb(53,27,213)
```
#4025e4
```
#4025e4 rgb(64,37,228)
```
#543ce6
```
#543ce6 rgb(84,60,230)
```

Monochromatic Color

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

#182bbe
```
#182bbe rgb(24,43,190)
```
#181dbe
```
#181dbe rgb(24,29,190)
```
#2118be
```
#2118be rgb(33,24,190)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#3d18be
```
#3d18be rgb(61,24,190)
```
#4b18be
```
#4b18be rgb(75,24,190)
```
#5818be
```
#5818be rgb(88,24,190)
```

Similar Colors

Text with hexadecimal color #2f18be

This text has a font color of #2f18be.

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

#2f18be background color

This paragraph has a background color of #2f18be.

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

#2f18be border color

This element has a border color of #2f18be.

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

CSS codes

.text {color:#2f18be;}

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

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

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

#040210
```
#040210 rgb(4,2,16)
```
#080421
```
#080421 rgb(8,4,33)
```
#0d0633
```
#0d0633 rgb(13,6,51)
```
#110944
```
#110944 rgb(17,9,68)
```
#150b56
```
#150b56 rgb(21,11,86)
```
#190d67
```
#190d67 rgb(25,13,103)
```
#1e0f78
```
#1e0f78 rgb(30,15,120)
```
#22118a
```
#22118a rgb(34,17,138)
```
#26149b
```
#26149b rgb(38,20,155)
```
#2b16ad
```
#2b16ad rgb(43,22,173)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#331acf
```
#331acf rgb(51,26,207)
```
#381ce1
```
#381ce1 rgb(56,28,225)
```

Shade Color Variation

#462ce4
```
#462ce4 rgb(70,44,228)
```
#553ee7
```
#553ee7 rgb(85,62,231)
```
#654fe9
```
#654fe9 rgb(101,79,233)
```
#7461eb
```
#7461eb rgb(116,97,235)
```
#8372ed
```
#8372ed rgb(131,114,237)
```
#9284ef
```
#9284ef rgb(146,132,239)
```
#a295f2
```
#a295f2 rgb(162,149,242)
```
#b1a6f4
```
#b1a6f4 rgb(177,166,244)
```
#c0b8f6
```
#c0b8f6 rgb(192,184,246)
```
#d0c9f8
```
#d0c9f8 rgb(208,201,248)
```
#dfdbfa
```
#dfdbfa rgb(223,219,250)
```
#eeecfd
```
#eeecfd rgb(238,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a6c is the less saturated color, while #2308ce is the most saturated one.

#6a6a6c
```
#6a6a6c rgb(106,106,108)
```
#656274
```
#656274 rgb(101,98,116)
```
#5f5a7c
```
#5f5a7c rgb(95,90,124)
```
#595284
```
#595284 rgb(89,82,132)
```
#53498d
```
#53498d rgb(83,73,141)
```
#4d4195
```
#4d4195 rgb(77,65,149)
```
#47399d
```
#47399d rgb(71,57,157)
```
#4131a5
```
#4131a5 rgb(65,49,165)
```
#3b28ae
```
#3b28ae rgb(59,40,174)
```
#3520b6
```
#3520b6 rgb(53,32,182)
```
#2f18be
```
#2f18be rgb(47,24,190)
```
#2910c6
```
#2910c6 rgb(41,16,198)
```
#2308ce
```
#2308ce rgb(35,8,206)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#312d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004789 Protanopia 1% of men
#004b76 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#11359c Protanomaly 1% of men, 0.01% of women
#113890 Deuteranomaly 6% of men, 0.4% of women
#113b7a Tritanomaly 0.01% of the population

#2f18be hex color

#2f18be Color Information

#2f18be Color Conversion

Color Schemes with #2f18be

Alternatives to #2f18be

#2f18be Preview

Shades and Tints of #2f18be

Tones of #2f18be

Color Blindness Simulator