#2a7cdf hex color

In a RGB color space, hex #2a7cdf is composed of 16.5% red, 48.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 44.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 212.8 degrees, a saturation of 73.9% and a lightness of 52%. #2a7cdf color hex could be obtained by blending #54f8ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 49
- B 87
RGB color chart
- C 81
- M 44
- Y 0
- K 13
CMYK color chart

● #2a7cdf color description : Bright blue.

The hexadecimal color #2a7cdf has RGB values of R:42, G:124, B:223 and CMYK values of C:0.81, M:0.44, Y:0, K:0.13. Its decimal value is 2784479.

Hex triplet	2a7cdf	`#2a7cdf`
RGB Decimal	42, 124, 223	`rgb(42,124,223)`
RGB Percent	16.5, 48.6, 87.5	`rgb(16.5%,48.6%,87.5%)`
CMYK	81, 44, 0, 13
HSL	212.8°, 73.9, 52	`hsl(212.8,73.9%,52%)`
HSV (or HSB)	212.8°, 81.2, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.1, 11.016, -57.296
XYZ	21.479, 20.233, 72.581
xyY	0.188, 0.177, 20.233
CIE-LCH	52.1, 58.346, 280.883
CIE-LUV	52.1, -26.778, -89.949
Hunter-Lab	44.982, 6.516, -64.182
Binary	00101010, 01111100, 11011111

#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#df8d2a
```
#df8d2a rgb(223,141,42)
```

Complementary Color

#2ad7df
```
#2ad7df rgb(42,215,223)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#322adf
```
#322adf rgb(50,42,223)
```

Analogous Color

#d7df2a
```
#d7df2a rgb(215,223,42)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#df322a
```
#df322a rgb(223,50,42)
```

Split Complementary Color

#7cdf2a
```
#7cdf2a rgb(124,223,42)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#df2a7c
```
#df2a7c rgb(223,42,124)
```

Triadic Color

#2adf8d
```
#2adf8d rgb(42,223,141)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#df2a7c
```
#df2a7c rgb(223,42,124)
```
#df8d2a
```
#df8d2a rgb(223,141,42)
```

Tetradic Color

#1958a4
```
#1958a4 rgb(25,88,164)
```
#1c64ba
```
#1c64ba rgb(28,100,186)
```
#1f6fd0
```
#1f6fd0 rgb(31,111,208)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#408ae2
```
#408ae2 rgb(64,138,226)
```
#5697e6
```
#5697e6 rgb(86,151,230)
```
#6da5e9
```
#6da5e9 rgb(109,165,233)
```

Monochromatic Color

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

#2aa9df
```
#2aa9df rgb(42,169,223)
```
#2a9adf
```
#2a9adf rgb(42,154,223)
```
#2a8bdf
```
#2a8bdf rgb(42,139,223)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#2a6ddf
```
#2a6ddf rgb(42,109,223)
```
#2a5edf
```
#2a5edf rgb(42,94,223)
```
#2a4fdf
```
#2a4fdf rgb(42,79,223)
```

Similar Colors

Text with hexadecimal color #2a7cdf

This text has a font color of #2a7cdf.

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

#2a7cdf background color

This paragraph has a background color of #2a7cdf.

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

#2a7cdf border color

This element has a border color of #2a7cdf.

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

CSS codes

.text {color:#2a7cdf;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#040e1a
```
#040e1a rgb(4,14,26)
```
#06172b
```
#06172b rgb(6,23,43)
```
#09203c
```
#09203c rgb(9,32,60)
```
#0c294d
```
#0c294d rgb(12,41,77)
```
#0e325e
```
#0e325e rgb(14,50,94)
```
#113b6f
```
#113b6f rgb(17,59,111)
```
#134580
```
#134580 rgb(19,69,128)
```
#164e91
```
#164e91 rgb(22,78,145)
```
#1857a2
```
#1857a2 rgb(24,87,162)
```
#1b60b3
```
#1b60b3 rgb(27,96,179)
```
#1d69c4
```
#1d69c4 rgb(29,105,196)
```
#2072d5
```
#2072d5 rgb(32,114,213)
```

Shade Color Variation

#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#3b86e2
```
#3b86e2 rgb(59,134,226)
```
#4c91e4
```
#4c91e4 rgb(76,145,228)
```
#5d9be7
```
#5d9be7 rgb(93,155,231)
```
#6ea6e9
```
#6ea6e9 rgb(110,166,233)
```
#7fb0ec
```
#7fb0ec rgb(127,176,236)
```
#90bbee
```
#90bbee rgb(144,187,238)
```
#a1c5f1
```
#a1c5f1 rgb(161,197,241)
```
#b2d0f3
```
#b2d0f3 rgb(178,208,243)
```
#c3daf6
```
#c3daf6 rgb(195,218,246)
```
#d5e5f9
```
#d5e5f9 rgb(213,229,249)
```
#e6effb
```
#e6effb rgb(230,239,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f848a is the less saturated color, while #0e79fb is the most saturated one.

#7f848a
```
#7f848a rgb(127,132,138)
```
#758394
```
#758394 rgb(117,131,148)
```
#6c829d
```
#6c829d rgb(108,130,157)
```
#6381a6
```
#6381a6 rgb(99,129,166)
```
#5980b0
```
#5980b0 rgb(89,128,176)
```
#5080b9
```
#5080b9 rgb(80,128,185)
```
#467fc3
```
#467fc3 rgb(70,127,195)
```
#3d7ecc
```
#3d7ecc rgb(61,126,204)
```
#337dd6
```
#337dd6 rgb(51,125,214)
```
#2a7cdf
```
#2a7cdf rgb(42,124,223)
```
#217be8
```
#217be8 rgb(33,123,232)
```
#177af2
```
#177af2 rgb(23,122,242)
```
#0e79fb
```
#0e79fb rgb(14,121,251)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#617285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#517fde Protanopia 1% of men
#0085de Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#437ede Protanomaly 1% of men, 0.01% of women
#0f81de Deuteranomaly 6% of men, 0.4% of women
#0f88b2 Tritanomaly 0.01% of the population

#2a7cdf hex color

#2a7cdf Color Information

#2a7cdf Color Conversion

Color Schemes with #2a7cdf

Alternatives to #2a7cdf

#2a7cdf Preview

Shades and Tints of #2a7cdf

Tones of #2a7cdf

Color Blindness Simulator