#2a60fd hex color

In a RGB color space, hex #2a60fd is composed of 16.5% red, 37.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 62.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.6 degrees, a saturation of 98.1% and a lightness of 57.8%. #2a60fd color hex could be obtained by blending #54c0ff with #0000fb. Closest websafe color is: #3366ff.

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

● #2a60fd color description : Bright blue.

The hexadecimal color #2a60fd has RGB values of R:42, G:96, B:253 and CMYK values of C:0.83, M:0.62, Y:0, K:0.01. Its decimal value is 2777341.

Hex triplet	2a60fd	`#2a60fd`
RGB Decimal	42, 96, 253	`rgb(42,96,253)`
RGB Percent	16.5, 37.6, 99.2	`rgb(16.5%,37.6%,99.2%)`
CMYK	83, 62, 0, 1
HSL	224.6°, 98.1, 57.8	`hsl(224.6,98.1%,57.8%)`
HSV (or HSB)	224.6°, 83.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.906, 39.813, -82.515
XYZ	22.864, 15.948, 94.796
xyY	0.171, 0.119, 15.948
CIE-LCH	46.906, 91.617, 295.757
CIE-LUV	46.906, -18.59, -125.422
Hunter-Lab	39.935, 32.309, -112.786
Binary	00101010, 01100000, 11111101

#2a60fd
```
#2a60fd rgb(42,96,253)
```
#fdc72a
```
#fdc72a rgb(253,199,42)
```

Complementary Color

#2acafd
```
#2acafd rgb(42,202,253)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#5d2afd
```
#5d2afd rgb(93,42,253)
```

Analogous Color

#cafd2a
```
#cafd2a rgb(202,253,42)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#fd5d2a
```
#fd5d2a rgb(253,93,42)
```

Split Complementary Color

#60fd2a
```
#60fd2a rgb(96,253,42)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#fd2a60
```
#fd2a60 rgb(253,42,96)
```

Triadic Color

#2afdc7
```
#2afdc7 rgb(42,253,199)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#fd2a60
```
#fd2a60 rgb(253,42,96)
```
#fdc72a
```
#fdc72a rgb(253,199,42)
```

Tetradic Color

#0239d8
```
#0239d8 rgb(2,57,216)
```
#0240f2
```
#0240f2 rgb(2,64,242)
```
#114dfd
```
#114dfd rgb(17,77,253)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#4373fd
```
#4373fd rgb(67,115,253)
```
#5d86fd
```
#5d86fd rgb(93,134,253)
```
#7699fe
```
#7699fe rgb(118,153,254)
```

Monochromatic Color

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

#2a95fd
```
#2a95fd rgb(42,149,253)
```
#2a83fd
```
#2a83fd rgb(42,131,253)
```
#2a72fd
```
#2a72fd rgb(42,114,253)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#2a4efd
```
#2a4efd rgb(42,78,253)
```
#2a3dfd
```
#2a3dfd rgb(42,61,253)
```
#2a2bfd
```
#2a2bfd rgb(42,43,253)
```

Similar Colors

Text with hexadecimal color #2a60fd

This text has a font color of #2a60fd.

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

#2a60fd background color

This paragraph has a background color of #2a60fd.

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

#2a60fd border color

This element has a border color of #2a60fd.

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

CSS codes

.text {color:#2a60fd;}

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

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

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 #ecf1ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000514
```
#000514 rgb(0,5,20)
```
#000a28
```
#000a28 rgb(0,10,40)
```
#01103b
```
#01103b rgb(1,16,59)
```
#01154e
```
#01154e rgb(1,21,78)
```
#011a62
```
#011a62 rgb(1,26,98)
```
#011f75
```
#011f75 rgb(1,31,117)
```
#012489
```
#012489 rgb(1,36,137)
```
#01299c
```
#01299c rgb(1,41,156)
```
#022eb0
```
#022eb0 rgb(2,46,176)
```
#0233c3
```
#0233c3 rgb(2,51,195)
```
#0238d7
```
#0238d7 rgb(2,56,215)
```
#023eea
```
#023eea rgb(2,62,234)
```

Shade Color Variation

#0343fd
```
#0343fd rgb(3,67,253)
```
#1751fd
```
#1751fd rgb(23,81,253)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```
#3d6ffd
```
#3d6ffd rgb(61,111,253)
```
#517dfd
```
#517dfd rgb(81,125,253)
```
#648cfe
```
#648cfe rgb(100,140,254)
```
#789afe
```
#789afe rgb(120,154,254)
```
#8ba9fe
```
#8ba9fe rgb(139,169,254)
```
#9fb7fe
```
#9fb7fe rgb(159,183,254)
```
#b2c6fe
```
#b2c6fe rgb(178,198,254)
```
#c5d4fe
```
#c5d4fe rgb(197,212,254)
```
#d9e3ff
```
#d9e3ff rgb(217,227,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#8d909a
```
#8d909a rgb(141,144,154)
```
#858ca2
```
#858ca2 rgb(133,140,162)
```
#7d88aa
```
#7d88aa rgb(125,136,170)
```
#7484b3
```
#7484b3 rgb(116,132,179)
```
#6c80bb
```
#6c80bb rgb(108,128,187)
```
#647cc3
```
#647cc3 rgb(100,124,195)
```
#5c78cb
```
#5c78cb rgb(92,120,203)
```
#5374d4
```
#5374d4 rgb(83,116,212)
```
#4b70dc
```
#4b70dc rgb(75,112,220)
```
#436ce4
```
#436ce4 rgb(67,108,228)
```
#3b68ec
```
#3b68ec rgb(59,104,236)
```
#3264f5
```
#3264f5 rgb(50,100,245)
```
#2a60fd
```
#2a60fd rgb(42,96,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576281 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0f6ceb Protanomaly 1% of men, 0.01% of women
#0f70d8 Deuteranomaly 6% of men, 0.4% of women
#0f75b3 Tritanomaly 0.01% of the population

#2a60fd hex color

#2a60fd Color Information

#2a60fd Color Conversion

Color Schemes with #2a60fd

Alternatives to #2a60fd

#2a60fd Preview

Shades and Tints of #2a60fd

Tones of #2a60fd

Color Blindness Simulator