#2f30df hex color

In a RGB color space, hex #2f30df is composed of 18.4% red, 18.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 78.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 239.7 degrees, a saturation of 73.3% and a lightness of 52.9%. #2f30df color hex could be obtained by blending #5e60ff with #0000bf. Closest websafe color is: #3333cc.

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

● #2f30df color description : Bright blue.

The hexadecimal color #2f30df has RGB values of R:47, G:48, B:223 and CMYK values of C:0.79, M:0.78, Y:0, K:0.13. Its decimal value is 3092703.

Hex triplet	2f30df	`#2f30df`
RGB Decimal	47, 48, 223	`rgb(47,48,223)`
RGB Percent	18.4, 18.8, 87.5	`rgb(18.4%,18.8%,87.5%)`
CMYK	79, 78, 0, 13
HSL	239.7°, 73.3, 52.9	`hsl(239.7,73.3%,52.9%)`
HSV (or HSB)	239.7°, 78.9, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.076, 57.594, -86.72
XYZ	15.546, 8.045, 70.542
xyY	0.165, 0.085, 8.045
CIE-LCH	34.076, 104.103, 303.59
CIE-LUV	34.076, -8.449, -115.26
Hunter-Lab	28.364, 48.198, -127.602
Binary	00101111, 00110000, 11011111

#2f30df
```
#2f30df rgb(47,48,223)
```
#dfde2f
```
#dfde2f rgb(223,222,47)
```

Complementary Color

#2f88df
```
#2f88df rgb(47,136,223)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#862fdf
```
#862fdf rgb(134,47,223)
```

Analogous Color

#88df2f
```
#88df2f rgb(136,223,47)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#df862f
```
#df862f rgb(223,134,47)
```

Split Complementary Color

#30df2f
```
#30df2f rgb(48,223,47)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#df2f30
```
#df2f30 rgb(223,47,48)
```

Triadic Color

#2fdfde
```
#2fdfde rgb(47,223,222)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#df2f30
```
#df2f30 rgb(223,47,48)
```
#dfde2f
```
#dfde2f rgb(223,222,47)
```

Tetradic Color

#1a1ba8
```
#1a1ba8 rgb(26,27,168)
```
#1d1ebe
```
#1d1ebe rgb(29,30,190)
```
#2122d4
```
#2122d4 rgb(33,34,212)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#4546e2
```
#4546e2 rgb(69,70,226)
```
#5b5ce6
```
#5b5ce6 rgb(91,92,230)
```
#7172e9
```
#7172e9 rgb(113,114,233)
```

Monochromatic Color

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

#2f5cdf
```
#2f5cdf rgb(47,92,223)
```
#2f4ddf
```
#2f4ddf rgb(47,77,223)
```
#2f3fdf
```
#2f3fdf rgb(47,63,223)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#3d2fdf
```
#3d2fdf rgb(61,47,223)
```
#4b2fdf
```
#4b2fdf rgb(75,47,223)
```
#5a2fdf
```
#5a2fdf rgb(90,47,223)
```

Similar Colors

Text with hexadecimal color #2f30df

This text has a font color of #2f30df.

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

#2f30df background color

This paragraph has a background color of #2f30df.

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

#2f30df border color

This element has a border color of #2f30df.

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

CSS codes

.text {color:#2f30df;}

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

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

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

#02020d
```
#02020d rgb(2,2,13)
```
#05051e
```
#05051e rgb(5,5,30)
```
#07072f
```
#07072f rgb(7,7,47)
```
#0a0a40
```
#0a0a40 rgb(10,10,64)
```
#0c0d51
```
#0c0d51 rgb(12,13,81)
```
#0f1062
```
#0f1062 rgb(15,16,98)
```
#121273
```
#121273 rgb(18,18,115)
```
#141584
```
#141584 rgb(20,21,132)
```
#171895
```
#171895 rgb(23,24,149)
```
#1a1aa6
```
#1a1aa6 rgb(26,26,166)
```
#1c1db7
```
#1c1db7 rgb(28,29,183)
```
#1f20c8
```
#1f20c8 rgb(31,32,200)
```
#2122d9
```
#2122d9 rgb(33,34,217)
```

Shade Color Variation

#2f30df
```
#2f30df rgb(47,48,223)
```
#4041e2
```
#4041e2 rgb(64,65,226)
```
#5152e4
```
#5152e4 rgb(81,82,228)
```
#6263e7
```
#6263e7 rgb(98,99,231)
```
#7374e9
```
#7374e9 rgb(115,116,233)
```
#8485ec
```
#8485ec rgb(132,133,236)
```
#9596ef
```
#9596ef rgb(149,150,239)
```
#a6a6f1
```
#a6a6f1 rgb(166,166,241)
```
#b7b7f4
```
#b7b7f4 rgb(183,183,244)
```
#c8c8f7
```
#c8c8f7 rgb(200,200,247)
```
#d9d9f9
```
#d9d9f9 rgb(217,217,249)
```
#eaeafc
```
#eaeafc rgb(234,234,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#82828c
```
#82828c rgb(130,130,140)
```
#797995
```
#797995 rgb(121,121,149)
```
#70709e
```
#70709e rgb(112,112,158)
```
#6667a8
```
#6667a8 rgb(102,103,168)
```
#5d5eb1
```
#5d5eb1 rgb(93,94,177)
```
#5455ba
```
#5455ba rgb(84,85,186)
```
#4b4bc3
```
#4b4bc3 rgb(75,75,195)
```
#4142cd
```
#4142cd rgb(65,66,205)
```
#3839d6
```
#3839d6 rgb(56,57,214)
```
#2f30df
```
#2f30df rgb(47,48,223)
```
#2627e8
```
#2627e8 rgb(38,39,232)
```
#1d1ef1
```
#1d1ef1 rgb(29,30,241)
```
#1315fb
```
#1315fb rgb(19,21,251)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404063 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1148bc Protanomaly 1% of men, 0.01% of women
#114bad Deuteranomaly 6% of men, 0.4% of women
#114f92 Tritanomaly 0.01% of the population

#2f30df hex color

#2f30df Color Information

#2f30df Color Conversion

Color Schemes with #2f30df

Alternatives to #2f30df

#2f30df Preview

Shades and Tints of #2f30df

Tones of #2f30df

Color Blindness Simulator