#2a7cfd hex color

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

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

● #2a7cfd color description : Bright blue.

The hexadecimal color #2a7cfd has RGB values of R:42, G:124, B:253 and CMYK values of C:0.83, M:0.51, Y:0, K:0.01. Its decimal value is 2784509.

Hex triplet	2a7cfd	`#2a7cfd`
RGB Decimal	42, 124, 253	`rgb(42,124,253)`
RGB Percent	16.5, 48.6, 99.2	`rgb(16.5%,48.6%,99.2%)`
CMYK	83, 51, 0, 1
HSL	216.7°, 98.1, 57.8	`hsl(216.7,98.1%,57.8%)`
HSV (or HSB)	216.7°, 83.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.024, 22.281, -70.917
XYZ	25.888, 21.997, 95.805
xyY	0.18, 0.153, 21.997
CIE-LCH	54.024, 74.335, 287.442
CIE-LUV	54.024, -25.886, -112.769
Hunter-Lab	46.901, 16.45, -88.28
Binary	00101010, 01111100, 11111101

#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#fdab2a
```
#fdab2a rgb(253,171,42)
```

Complementary Color

#2ae6fd
```
#2ae6fd rgb(42,230,253)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#422afd
```
#422afd rgb(66,42,253)
```

Analogous Color

#e6fd2a
```
#e6fd2a rgb(230,253,42)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#fd422a
```
#fd422a rgb(253,66,42)
```

Split Complementary Color

#7cfd2a
```
#7cfd2a rgb(124,253,42)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#fd2a7c
```
#fd2a7c rgb(253,42,124)
```

Triadic Color

#2afdab
```
#2afdab rgb(42,253,171)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#fd2a7c
```
#fd2a7c rgb(253,42,124)
```
#fdab2a
```
#fdab2a rgb(253,171,42)
```

Tetradic Color

#0255d8
```
#0255d8 rgb(2,85,216)
```
#025ff2
```
#025ff2 rgb(2,95,242)
```
#116cfd
```
#116cfd rgb(17,108,253)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#438cfd
```
#438cfd rgb(67,140,253)
```
#5d9bfd
```
#5d9bfd rgb(93,155,253)
```
#76abfe
```
#76abfe rgb(118,171,254)
```

Monochromatic Color

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

#2ab1fd
```
#2ab1fd rgb(42,177,253)
```
#2a9ffd
```
#2a9ffd rgb(42,159,253)
```
#2a8efd
```
#2a8efd rgb(42,142,253)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#2a6afd
```
#2a6afd rgb(42,106,253)
```
#2a59fd
```
#2a59fd rgb(42,89,253)
```
#2a47fd
```
#2a47fd rgb(42,71,253)
```

Similar Colors

Text with hexadecimal color #2a7cfd

This text has a font color of #2a7cfd.

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

#2a7cfd background color

This paragraph has a background color of #2a7cfd.

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

#2a7cfd border color

This element has a border color of #2a7cfd.

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

CSS codes

.text {color:#2a7cfd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000814
```
#000814 rgb(0,8,20)
```
#001028
```
#001028 rgb(0,16,40)
```
#01173b
```
#01173b rgb(1,23,59)
```
#011f4e
```
#011f4e rgb(1,31,78)
```
#012762
```
#012762 rgb(1,39,98)
```
#012e75
```
#012e75 rgb(1,46,117)
```
#013689
```
#013689 rgb(1,54,137)
```
#013e9c
```
#013e9c rgb(1,62,156)
```
#0245b0
```
#0245b0 rgb(2,69,176)
```
#024dc3
```
#024dc3 rgb(2,77,195)
```
#0255d7
```
#0255d7 rgb(2,85,215)
```
#025cea
```
#025cea rgb(2,92,234)
```

Shade Color Variation

#0364fd
```
#0364fd rgb(3,100,253)
```
#1770fd
```
#1770fd rgb(23,112,253)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```
#3d88fd
```
#3d88fd rgb(61,136,253)
```
#5194fd
```
#5194fd rgb(81,148,253)
```
#64a0fe
```
#64a0fe rgb(100,160,254)
```
#78acfe
```
#78acfe rgb(120,172,254)
```
#8bb8fe
```
#8bb8fe rgb(139,184,254)
```
#9fc4fe
```
#9fc4fe rgb(159,196,254)
```
#b2d0fe
```
#b2d0fe rgb(178,208,254)
```
#c5dcfe
```
#c5dcfe rgb(197,220,254)
```
#d9e8ff
```
#d9e8ff rgb(217,232,255)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```

Tint Color Variation

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

#8d929a
```
#8d929a rgb(141,146,154)
```
#8590a2
```
#8590a2 rgb(133,144,162)
```
#7d8eaa
```
#7d8eaa rgb(125,142,170)
```
#748db3
```
#748db3 rgb(116,141,179)
```
#6c8bbb
```
#6c8bbb rgb(108,139,187)
```
#6489c3
```
#6489c3 rgb(100,137,195)
```
#5c87cb
```
#5c87cb rgb(92,135,203)
```
#5385d4
```
#5385d4 rgb(83,133,212)
```
#4b83dc
```
#4b83dc rgb(75,131,220)
```
#4382e4
```
#4382e4 rgb(67,130,228)
```
#3b80ec
```
#3b80ec rgb(59,128,236)
```
#327ef5
```
#327ef5 rgb(50,126,245)
```
#2a7cfd
```
#2a7cfd rgb(42,124,253)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2883fd Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#00959d Tritanopia 0.001% of the population

Trichromacy

#2880fd Protanomaly 1% of men, 0.01% of women
#0f85ec Deuteranomaly 6% of men, 0.4% of women
#0f8bc0 Tritanomaly 0.01% of the population

#2a7cfd hex color

#2a7cfd Color Information

#2a7cfd Color Conversion

Color Schemes with #2a7cfd

Alternatives to #2a7cfd

#2a7cfd Preview

Shades and Tints of #2a7cfd

Tones of #2a7cfd

Color Blindness Simulator