#2a36fd hex color

In a RGB color space, hex #2a36fd is composed of 16.5% red, 21.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 78.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.6 degrees, a saturation of 98.1% and a lightness of 57.8%. #2a36fd color hex could be obtained by blending #546cff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 21
- B 99
RGB color chart
- C 83
- M 79
- Y 0
- K 1
CMYK color chart

● #2a36fd color description : Bright blue.

The hexadecimal color #2a36fd has RGB values of R:42, G:54, B:253 and CMYK values of C:0.83, M:0.79, Y:0, K:0.01. Its decimal value is 2766589.

Hex triplet	2a36fd	`#2a36fd`
RGB Decimal	42, 54, 253	`rgb(42,54,253)`
RGB Percent	16.5, 21.2, 99.2	`rgb(16.5%,21.2%,99.2%)`
CMYK	83, 79, 0, 1
HSL	236.6°, 98.1, 57.8	`hsl(236.6,98.1%,57.8%)`
HSV (or HSB)	236.6°, 83.4, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.236, 63.619, -96.82
XYZ	20, 10.221, 93.842
xyY	0.161, 0.082, 10.221
CIE-LCH	38.236, 115.851, 303.308
CIE-LUV	38.236, -10.912, -132.266
Hunter-Lab	31.97, 55.719, -151.654
Binary	00101010, 00110110, 11111101

#2a36fd
```
#2a36fd rgb(42,54,253)
```
#fdf12a
```
#fdf12a rgb(253,241,42)
```

Complementary Color

#2aa0fd
```
#2aa0fd rgb(42,160,253)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#882afd
```
#882afd rgb(136,42,253)
```

Analogous Color

#a0fd2a
```
#a0fd2a rgb(160,253,42)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#fd882a
```
#fd882a rgb(253,136,42)
```

Split Complementary Color

#36fd2a
```
#36fd2a rgb(54,253,42)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#fd2a36
```
#fd2a36 rgb(253,42,54)
```

Triadic Color

#2afdf1
```
#2afdf1 rgb(42,253,241)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#fd2a36
```
#fd2a36 rgb(253,42,54)
```
#fdf12a
```
#fdf12a rgb(253,241,42)
```

Tetradic Color

#020ed8
```
#020ed8 rgb(2,14,216)
```
#0210f2
```
#0210f2 rgb(2,16,242)
```
#111efd
```
#111efd rgb(17,30,253)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#434efd
```
#434efd rgb(67,78,253)
```
#5d66fd
```
#5d66fd rgb(93,102,253)
```
#767efe
```
#767efe rgb(118,126,254)
```

Monochromatic Color

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

#2a6bfd
```
#2a6bfd rgb(42,107,253)
```
#2a59fd
```
#2a59fd rgb(42,89,253)
```
#2a48fd
```
#2a48fd rgb(42,72,253)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#302afd
```
#302afd rgb(48,42,253)
```
#412afd
```
#412afd rgb(65,42,253)
```
#532afd
```
#532afd rgb(83,42,253)
```

Similar Colors

Text with hexadecimal color #2a36fd

This text has a font color of #2a36fd.

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

#2a36fd background color

This paragraph has a background color of #2a36fd.

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

#2a36fd border color

This element has a border color of #2a36fd.

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

CSS codes

.text {color:#2a36fd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000114
```
#000114 rgb(0,1,20)
```
#000328
```
#000328 rgb(0,3,40)
```
#01043b
```
#01043b rgb(1,4,59)
```
#01054e
```
#01054e rgb(1,5,78)
```
#010662
```
#010662 rgb(1,6,98)
```
#010875
```
#010875 rgb(1,8,117)
```
#010989
```
#010989 rgb(1,9,137)
```
#010a9c
```
#010a9c rgb(1,10,156)
```
#020cb0
```
#020cb0 rgb(2,12,176)
```
#020dc3
```
#020dc3 rgb(2,13,195)
```
#020ed7
```
#020ed7 rgb(2,14,215)
```
#020fea
```
#020fea rgb(2,15,234)
```

Shade Color Variation

#0311fd
```
#0311fd rgb(3,17,253)
```
#1724fd
```
#1724fd rgb(23,36,253)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```
#3d48fd
```
#3d48fd rgb(61,72,253)
```
#515bfd
```
#515bfd rgb(81,91,253)
```
#646dfe
```
#646dfe rgb(100,109,254)
```
#787ffe
```
#787ffe rgb(120,127,254)
```
#8b92fe
```
#8b92fe rgb(139,146,254)
```
#9fa4fe
```
#9fa4fe rgb(159,164,254)
```
#b2b6fe
```
#b2b6fe rgb(178,182,254)
```
#c5c9fe
```
#c5c9fe rgb(197,201,254)
```
#d9dbff
```
#d9dbff rgb(217,219,255)
```
#ecedff
```
#ecedff rgb(236,237,255)
```

Tint Color Variation

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

#8d8e9a
```
#8d8e9a rgb(141,142,154)
```
#8587a2
```
#8587a2 rgb(133,135,162)
```
#7d7faa
```
#7d7faa rgb(125,127,170)
```
#7478b3
```
#7478b3 rgb(116,120,179)
```
#6c71bb
```
#6c71bb rgb(108,113,187)
```
#6469c3
```
#6469c3 rgb(100,105,195)
```
#5c62cb
```
#5c62cb rgb(92,98,203)
```
#535bd4
```
#535bd4 rgb(83,91,212)
```
#4b53dc
```
#4b53dc rgb(75,83,220)
```
#434ce4
```
#434ce4 rgb(67,76,228)
```
#3b45ec
```
#3b45ec rgb(59,69,236)
```
#323df5
```
#323df5 rgb(50,61,245)
```
#2a36fd
```
#2a36fd rgb(42,54,253)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#43456d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0f50d2 Protanomaly 1% of men, 0.01% of women
#0f54c2 Deuteranomaly 6% of men, 0.4% of women
#0f58a4 Tritanomaly 0.01% of the population

#2a36fd hex color

#2a36fd Color Information

#2a36fd Color Conversion

Color Schemes with #2a36fd

Alternatives to #2a36fd

#2a36fd Preview

Shades and Tints of #2a36fd

Tones of #2a36fd

Color Blindness Simulator