#2d30f8 hex color

In a RGB color space, hex #2d30f8 is composed of 17.6% red, 18.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 80.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 239.1 degrees, a saturation of 93.5% and a lightness of 57.5%. #2d30f8 color hex could be obtained by blending #5a60ff with #0000f1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 19
- B 97
RGB color chart
- C 82
- M 81
- Y 0
- K 3
CMYK color chart

● #2d30f8 color description : Bright blue.

The hexadecimal color #2d30f8 has RGB values of R:45, G:48, B:248 and CMYK values of C:0.82, M:0.81, Y:0, K:0.03. Its decimal value is 2961656.

Hex triplet	2d30f8	`#2d30f8`
RGB Decimal	45, 48, 248	`rgb(45,48,248)`
RGB Percent	17.6, 18.8, 97.3	`rgb(17.6%,18.8%,97.3%)`
CMYK	82, 81, 0, 3
HSL	239.1°, 93.5, 57.5	`hsl(239.1,93.5%,57.5%)`
HSV (or HSB)	239.1°, 81.9, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.833, 65.032, -96.342
XYZ	19.079, 9.448, 89.62
xyY	0.161, 0.08, 9.448
CIE-LCH	36.833, 116.237, 304.02
CIE-LUV	36.833, -9.681, -129.49
Hunter-Lab	30.737, 57.007, -151.354
Binary	00101101, 00110000, 11111000

#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#f8f52d
```
#f8f52d rgb(248,245,45)
```

Complementary Color

#2d96f8
```
#2d96f8 rgb(45,150,248)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#902df8
```
#902df8 rgb(144,45,248)
```

Analogous Color

#96f82d
```
#96f82d rgb(150,248,45)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#f8902d
```
#f8902d rgb(248,144,45)
```

Split Complementary Color

#30f82d
```
#30f82d rgb(48,248,45)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#f82d30
```
#f82d30 rgb(248,45,48)
```

Triadic Color

#2df8f5
```
#2df8f5 rgb(45,248,245)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#f82d30
```
#f82d30 rgb(248,45,48)
```
#f8f52d
```
#f8f52d rgb(248,245,45)
```

Tetradic Color

#070ad2
```
#070ad2 rgb(7,10,210)
```
#080bea
```
#080bea rgb(8,11,234)
```
#1418f7
```
#1418f7 rgb(20,24,247)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#4648f9
```
#4648f9 rgb(70,72,249)
```
#5e61fa
```
#5e61fa rgb(94,97,250)
```
#7779fa
```
#7779fa rgb(119,121,250)
```

Monochromatic Color

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

#2d63f8
```
#2d63f8 rgb(45,99,248)
```
#2d52f8
```
#2d52f8 rgb(45,82,248)
```
#2d41f8
```
#2d41f8 rgb(45,65,248)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#3b2df8
```
#3b2df8 rgb(59,45,248)
```
#4c2df8
```
#4c2df8 rgb(76,45,248)
```
#5d2df8
```
#5d2df8 rgb(93,45,248)
```

Similar Colors

Text with hexadecimal color #2d30f8

This text has a font color of #2d30f8.

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

#2d30f8 background color

This paragraph has a background color of #2d30f8.

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

#2d30f8 border color

This element has a border color of #2d30f8.

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

CSS codes

.text {color:#2d30f8;}

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

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

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

#010112
```
#010112 rgb(1,1,18)
```
#010225
```
#010225 rgb(1,2,37)
```
#020338
```
#020338 rgb(2,3,56)
```
#02044b
```
#02044b rgb(2,4,75)
```
#03045e
```
#03045e rgb(3,4,94)
```
#040571
```
#040571 rgb(4,5,113)
```
#040684
```
#040684 rgb(4,6,132)
```
#050797
```
#050797 rgb(5,7,151)
```
#0608aa
```
#0608aa rgb(6,8,170)
```
#0609bd
```
#0609bd rgb(6,9,189)
```
#070ad0
```
#070ad0 rgb(7,10,208)
```
#080be3
```
#080be3 rgb(8,11,227)
```
#080cf6
```
#080cf6 rgb(8,12,246)
```

Shade Color Variation

#1a1df7
```
#1a1df7 rgb(26,29,247)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```
#4043f9
```
#4043f9 rgb(64,67,249)
```
#5355f9
```
#5355f9 rgb(83,85,249)
```
#6668fa
```
#6668fa rgb(102,104,250)
```
#797bfb
```
#797bfb rgb(121,123,251)
```
#8c8efb
```
#8c8efb rgb(140,142,251)
```
#9fa0fc
```
#9fa0fc rgb(159,160,252)
```
#b2b3fc
```
#b2b3fc rgb(178,179,252)
```
#c5c6fd
```
#c5c6fd rgb(197,198,253)
```
#d8d8fe
```
#d8d8fe rgb(216,216,254)
```
#ebebfe
```
#ebebfe rgb(235,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#919194
```
#919194 rgb(145,145,148)
```
#89899c
```
#89899c rgb(137,137,156)
```
#8081a5
```
#8081a5 rgb(128,129,165)
```
#7879ad
```
#7879ad rgb(120,121,173)
```
#7071b5
```
#7071b5 rgb(112,113,181)
```
#6769be
```
#6769be rgb(103,105,190)
```
#5f61c6
```
#5f61c6 rgb(95,97,198)
```
#5758ce
```
#5758ce rgb(87,88,206)
```
#4e50d7
```
#4e50d7 rgb(78,80,215)
```
#4648df
```
#4648df rgb(70,72,223)
```
#3e40e7
```
#3e40e7 rgb(62,64,231)
```
#3538f0
```
#3538f0 rgb(53,56,240)
```
#2d30f8
```
#2d30f8 rgb(45,48,248)
```

Tone Color Variation

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

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#104ccc Protanomaly 1% of men, 0.01% of women
#104fbd Deuteranomaly 6% of men, 0.4% of women
#10549f Tritanomaly 0.01% of the population

#2d30f8 hex color

#2d30f8 Color Information

#2d30f8 Color Conversion

Color Schemes with #2d30f8

Alternatives to #2d30f8

#2d30f8 Preview

Shades and Tints of #2d30f8

Tones of #2d30f8

Color Blindness Simulator