#2a40f3 hex color

In a RGB color space, hex #2a40f3 is composed of 16.5% red, 25.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 73.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 233.4 degrees, a saturation of 89.3% and a lightness of 55.9%. #2a40f3 color hex could be obtained by blending #5480ff with #0000e7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 25
- B 95
RGB color chart
- C 83
- M 74
- Y 0
- K 5
CMYK color chart

● #2a40f3 color description : Bright blue.

The hexadecimal color #2a40f3 has RGB values of R:42, G:64, B:243 and CMYK values of C:0.83, M:0.74, Y:0, K:0.05. Its decimal value is 2769139.

Hex triplet	2a40f3	`#2a40f3`
RGB Decimal	42, 64, 243	`rgb(42,64,243)`
RGB Percent	16.5, 25.1, 95.3	`rgb(16.5%,25.1%,95.3%)`
CMYK	83, 74, 0, 5
HSL	233.4°, 89.3, 55.9	`hsl(233.4,89.3%,55.9%)`
HSV (or HSB)	233.4°, 82.7, 95.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.948, 55.317, -90.022
XYZ	18.963, 10.629, 85.841
xyY	0.164, 0.092, 10.629
CIE-LCH	38.948, 105.66, 301.57
CIE-LUV	38.948, -12.07, -126.021
Hunter-Lab	32.602, 46.771, -133.291
Binary	00101010, 01000000, 11110011

#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#f3dd2a
```
#f3dd2a rgb(243,221,42)
```

Complementary Color

#2aa5f3
```
#2aa5f3 rgb(42,165,243)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#792af3
```
#792af3 rgb(121,42,243)
```

Analogous Color

#a5f32a
```
#a5f32a rgb(165,243,42)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#f3792a
```
#f3792a rgb(243,121,42)
```

Split Complementary Color

#40f32a
```
#40f32a rgb(64,243,42)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#f32a40
```
#f32a40 rgb(243,42,64)
```

Triadic Color

#2af3dd
```
#2af3dd rgb(42,243,221)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#f32a40
```
#f32a40 rgb(243,42,64)
```
#f3dd2a
```
#f3dd2a rgb(243,221,42)
```

Tetradic Color

#0b20c5
```
#0b20c5 rgb(11,32,197)
```
#0c23de
```
#0c23de rgb(12,35,222)
```
#122af2
```
#122af2 rgb(18,42,242)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#4256f4
```
#4256f4 rgb(66,86,244)
```
#5a6bf6
```
#5a6bf6 rgb(90,107,246)
```
#7281f7
```
#7281f7 rgb(114,129,247)
```

Monochromatic Color

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

#2a72f3
```
#2a72f3 rgb(42,114,243)
```
#2a62f3
```
#2a62f3 rgb(42,98,243)
```
#2a51f3
```
#2a51f3 rgb(42,81,243)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#2a2ff3
```
#2a2ff3 rgb(42,47,243)
```
#352af3
```
#352af3 rgb(53,42,243)
```
#462af3
```
#462af3 rgb(70,42,243)
```

Similar Colors

Text with hexadecimal color #2a40f3

This text has a font color of #2a40f3.

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

#2a40f3 background color

This paragraph has a background color of #2a40f3.

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

#2a40f3 border color

This element has a border color of #2a40f3.

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

CSS codes

.text {color:#2a40f3;}

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

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

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, #01020a is the darkest color, while #f6f7ff is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#02051c
```
#02051c rgb(2,5,28)
```
#03072f
```
#03072f rgb(3,7,47)
```
#040a42
```
#040a42 rgb(4,10,66)
```
#050d54
```
#050d54 rgb(5,13,84)
```
#061067
```
#061067 rgb(6,16,103)
```
#071379
```
#071379 rgb(7,19,121)
```
#08168c
```
#08168c rgb(8,22,140)
```
#09199e
```
#09199e rgb(9,25,158)
```
#0a1cb1
```
#0a1cb1 rgb(10,28,177)
```
#0b1fc4
```
#0b1fc4 rgb(11,31,196)
```
#0c22d6
```
#0c22d6 rgb(12,34,214)
```
#0d25e9
```
#0d25e9 rgb(13,37,233)
```

Shade Color Variation

#172ff2
```
#172ff2 rgb(23,47,242)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#3d51f4
```
#3d51f4 rgb(61,81,244)
```
#4f61f5
```
#4f61f5 rgb(79,97,245)
```
#6272f6
```
#6272f6 rgb(98,114,246)
```
#7483f7
```
#7483f7 rgb(116,131,247)
```
#8793f8
```
#8793f8 rgb(135,147,248)
```
#99a4f9
```
#99a4f9 rgb(153,164,249)
```
#acb5fa
```
#acb5fa rgb(172,181,250)
```
#bfc5fb
```
#bfc5fb rgb(191,197,251)
```
#d1d6fc
```
#d1d6fc rgb(209,214,252)
```
#e4e7fd
```
#e4e7fd rgb(228,231,253)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a94 is the less saturated color, while #2139fc is the most saturated one.

#898a94
```
#898a94 rgb(137,138,148)
```
#81849c
```
#81849c rgb(129,132,156)
```
#787da5
```
#787da5 rgb(120,125,165)
```
#6f76ae
```
#6f76ae rgb(111,118,174)
```
#676fb6
```
#676fb6 rgb(103,111,182)
```
#5e69bf
```
#5e69bf rgb(94,105,191)
```
#5562c8
```
#5562c8 rgb(85,98,200)
```
#4d5bd0
```
#4d5bd0 rgb(77,91,208)
```
#4454d9
```
#4454d9 rgb(68,84,217)
```
#3b4ee2
```
#3b4ee2 rgb(59,78,226)
```
#3347ea
```
#3347ea rgb(51,71,234)
```
#2a40f3
```
#2a40f3 rgb(42,64,243)
```
#2139fc
```
#2139fc rgb(33,57,252)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0f55d0 Protanomaly 1% of men, 0.01% of women
#0f58c0 Deuteranomaly 6% of men, 0.4% of women
#0f5da1 Tritanomaly 0.01% of the population

#2a40f3 hex color

#2a40f3 Color Information

#2a40f3 Color Conversion

Color Schemes with #2a40f3

Alternatives to #2a40f3

#2a40f3 Preview

Shades and Tints of #2a40f3

Tones of #2a40f3

Color Blindness Simulator