#2a30f7 hex color

In a RGB color space, hex #2a30f7 is composed of 16.5% red, 18.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 80.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 238.2 degrees, a saturation of 92.8% and a lightness of 56.7%. #2a30f7 color hex could be obtained by blending #5460ff with #0000ef. Closest websafe color is: #3333ff.

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

● #2a30f7 color description : Bright blue.

The hexadecimal color #2a30f7 has RGB values of R:42, G:48, B:247 and CMYK values of C:0.83, M:0.81, Y:0, K:0.03. Its decimal value is 2765047.

Hex triplet	2a30f7	`#2a30f7`
RGB Decimal	42, 48, 247	`rgb(42,48,247)`
RGB Percent	16.5, 18.8, 96.9	`rgb(16.5%,18.8%,96.9%)`
CMYK	83, 81, 0, 3
HSL	238.2°, 92.8, 56.7	`hsl(238.2,92.8%,56.7%)`
HSV (or HSB)	238.2°, 83, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.594, 64.612, -96.18
XYZ	18.797, 9.32, 88.799
xyY	0.161, 0.08, 9.32
CIE-LCH	36.594, 115.867, 303.892
CIE-LUV	36.594, -9.955, -128.903
Hunter-Lab	30.529, 56.478, -151.085
Binary	00101010, 00110000, 11110111

#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#f7f12a
```
#f7f12a rgb(247,241,42)
```

Complementary Color

#2a97f7
```
#2a97f7 rgb(42,151,247)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#8b2af7
```
#8b2af7 rgb(139,42,247)
```

Analogous Color

#97f72a
```
#97f72a rgb(151,247,42)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#f78b2a
```
#f78b2a rgb(247,139,42)
```

Split Complementary Color

#30f72a
```
#30f72a rgb(48,247,42)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#f72a30
```
#f72a30 rgb(247,42,48)
```

Triadic Color

#2af7f1
```
#2af7f1 rgb(42,247,241)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#f72a30
```
#f72a30 rgb(247,42,48)
```
#f7f12a
```
#f7f12a rgb(247,241,42)
```

Tetradic Color

#080dcd
```
#080dcd rgb(8,13,205)
```
#090fe5
```
#090fe5 rgb(9,15,229)
```
#1118f6
```
#1118f6 rgb(17,24,246)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#4348f8
```
#4348f8 rgb(67,72,248)
```
#5b60f9
```
#5b60f9 rgb(91,96,249)
```
#7478fa
```
#7478fa rgb(116,120,250)
```

Monochromatic Color

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

#2a63f7
```
#2a63f7 rgb(42,99,247)
```
#2a52f7
```
#2a52f7 rgb(42,82,247)
```
#2a41f7
```
#2a41f7 rgb(42,65,247)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#352af7
```
#352af7 rgb(53,42,247)
```
#462af7
```
#462af7 rgb(70,42,247)
```
#572af7
```
#572af7 rgb(87,42,247)
```

Similar Colors

Text with hexadecimal color #2a30f7

This text has a font color of #2a30f7.

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

#2a30f7 background color

This paragraph has a background color of #2a30f7.

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

#2a30f7 border color

This element has a border color of #2a30f7.

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

CSS codes

.text {color:#2a30f7;}

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

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

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, #01010e is the darkest color, while #fafaff is the lightest one.

#01010e
```
#01010e rgb(1,1,14)
```
#010221
```
#010221 rgb(1,2,33)
```
#020334
```
#020334 rgb(2,3,52)
```
#030547
```
#030547 rgb(3,5,71)
```
#030659
```
#030659 rgb(3,6,89)
```
#04076c
```
#04076c rgb(4,7,108)
```
#05087f
```
#05087f rgb(5,8,127)
```
#050a92
```
#050a92 rgb(5,10,146)
```
#060ba5
```
#060ba5 rgb(6,11,165)
```
#070cb8
```
#070cb8 rgb(7,12,184)
```
#080dcb
```
#080dcb rgb(8,13,203)
```
#080fde
```
#080fde rgb(8,15,222)
```
#0910f1
```
#0910f1 rgb(9,16,241)
```

Shade Color Variation

#171ef6
```
#171ef6 rgb(23,30,246)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```
#3d42f8
```
#3d42f8 rgb(61,66,248)
```
#5055f8
```
#5055f8 rgb(80,85,248)
```
#6367f9
```
#6367f9 rgb(99,103,249)
```
#7679fa
```
#7679fa rgb(118,121,250)
```
#898cfb
```
#898cfb rgb(137,140,251)
```
#9b9efb
```
#9b9efb rgb(155,158,251)
```
#aeb1fc
```
#aeb1fc rgb(174,177,252)
```
#c1c3fd
```
#c1c3fd rgb(193,195,253)
```
#d4d5fd
```
#d4d5fd rgb(212,213,253)
```
#e7e8fe
```
#e7e8fe rgb(231,232,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#909091
```
#909091 rgb(144,144,145)
```
#88889a
```
#88889a rgb(136,136,154)
```
#7f80a2
```
#7f80a2 rgb(127,128,162)
```
#7778ab
```
#7778ab rgb(119,120,171)
```
#6e70b3
```
#6e70b3 rgb(110,112,179)
```
#6668bc
```
#6668bc rgb(102,104,188)
```
#5d60c4
```
#5d60c4 rgb(93,96,196)
```
#5558cd
```
#5558cd rgb(85,88,205)
```
#4c50d5
```
#4c50d5 rgb(76,80,213)
```
#4448de
```
#4448de rgb(68,72,222)
```
#3b40e6
```
#3b40e6 rgb(59,64,230)
```
#3338ef
```
#3338ef rgb(51,56,239)
```
#2a30f7
```
#2a30f7 rgb(42,48,247)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#0f4ccb Protanomaly 1% of men, 0.01% of women
#0f4fbc Deuteranomaly 6% of men, 0.4% of women
#0f539f Tritanomaly 0.01% of the population

#2a30f7 hex color

#2a30f7 Color Information

#2a30f7 Color Conversion

Color Schemes with #2a30f7

Alternatives to #2a30f7

#2a30f7 Preview

Shades and Tints of #2a30f7

Tones of #2a30f7

Color Blindness Simulator