#2a72dc hex color

In a RGB color space, hex #2a72dc is composed of 16.5% red, 44.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 48.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 215.7 degrees, a saturation of 71.8% and a lightness of 51.4%. #2a72dc color hex could be obtained by blending #54e4ff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 45
- B 86
RGB color chart
- C 81
- M 48
- Y 0
- K 14
CMYK color chart

● #2a72dc color description : Bright blue.

The hexadecimal color #2a72dc has RGB values of R:42, G:114, B:220 and CMYK values of C:0.81, M:0.48, Y:0, K:0.14. Its decimal value is 2781916.

Hex triplet	2a72dc	`#2a72dc`
RGB Decimal	42, 114, 220	`rgb(42,114,220)`
RGB Percent	16.5, 44.7, 86.3	`rgb(16.5%,44.7%,86.3%)`
CMYK	81, 48, 0, 14
HSL	215.7°, 71.8, 51.4	`hsl(215.7,71.8%,51.4%)`
HSV (or HSB)	215.7°, 80.9, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.121, 16.142, -60.396
XYZ	19.888, 17.693, 70.073
xyY	0.185, 0.164, 17.693
CIE-LCH	49.121, 62.516, 284.964
CIE-LUV	49.121, -23.814, -93.854
Hunter-Lab	42.063, 10.787, -69.329
Binary	00101010, 01110010, 11011100

#2a72dc
```
#2a72dc rgb(42,114,220)
```
#dc942a
```
#dc942a rgb(220,148,42)
```

Complementary Color

#2acbdc
```
#2acbdc rgb(42,203,220)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#3b2adc
```
#3b2adc rgb(59,42,220)
```

Analogous Color

#cbdc2a
```
#cbdc2a rgb(203,220,42)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#dc3b2a
```
#dc3b2a rgb(220,59,42)
```

Split Complementary Color

#72dc2a
```
#72dc2a rgb(114,220,42)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#dc2a72
```
#dc2a72 rgb(220,42,114)
```

Triadic Color

#2adc94
```
#2adc94 rgb(42,220,148)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#dc2a72
```
#dc2a72 rgb(220,42,114)
```
#dc942a
```
#dc942a rgb(220,148,42)
```

Tetradic Color

#1a509f
```
#1a509f rgb(26,80,159)
```
#1e5bb5
```
#1e5bb5 rgb(30,91,181)
```
#2166cb
```
#2166cb rgb(33,102,203)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#4080e0
```
#4080e0 rgb(64,128,224)
```
#568fe3
```
#568fe3 rgb(86,143,227)
```
#6c9de7
```
#6c9de7 rgb(108,157,231)
```

Monochromatic Color

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

#2a9fdc
```
#2a9fdc rgb(42,159,220)
```
#2a90dc
```
#2a90dc rgb(42,144,220)
```
#2a81dc
```
#2a81dc rgb(42,129,220)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#2a63dc
```
#2a63dc rgb(42,99,220)
```
#2a54dc
```
#2a54dc rgb(42,84,220)
```
#2a46dc
```
#2a46dc rgb(42,70,220)
```

Similar Colors

Text with hexadecimal color #2a72dc

This text has a font color of #2a72dc.

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

#2a72dc background color

This paragraph has a background color of #2a72dc.

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

#2a72dc border color

This element has a border color of #2a72dc.

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

CSS codes

.text {color:#2a72dc;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040b17
```
#040b17 rgb(4,11,23)
```
#071428
```
#071428 rgb(7,20,40)
```
#091c39
```
#091c39 rgb(9,28,57)
```
#0c2549
```
#0c2549 rgb(12,37,73)
```
#0f2d5a
```
#0f2d5a rgb(15,45,90)
```
#12366b
```
#12366b rgb(18,54,107)
```
#143e7c
```
#143e7c rgb(20,62,124)
```
#17478d
```
#17478d rgb(23,71,141)
```
#1a4f9e
```
#1a4f9e rgb(26,79,158)
```
#1d58ae
```
#1d58ae rgb(29,88,174)
```
#1f60bf
```
#1f60bf rgb(31,96,191)
```
#2269d0
```
#2269d0 rgb(34,105,208)
```

Shade Color Variation

#2a72dc
```
#2a72dc rgb(42,114,220)
```
#3b7ddf
```
#3b7ddf rgb(59,125,223)
```
#4c88e2
```
#4c88e2 rgb(76,136,226)
```
#5d93e4
```
#5d93e4 rgb(93,147,228)
```
#6d9fe7
```
#6d9fe7 rgb(109,159,231)
```
#7eaaea
```
#7eaaea rgb(126,170,234)
```
#8fb5ed
```
#8fb5ed rgb(143,181,237)
```
#a0c0ef
```
#a0c0ef rgb(160,192,239)
```
#b1cbf2
```
#b1cbf2 rgb(177,203,242)
```
#c2d6f5
```
#c2d6f5 rgb(194,214,245)
```
#d2e2f8
```
#d2e2f8 rgb(210,226,248)
```
#e3edfa
```
#e3edfa rgb(227,237,250)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#808286
```
#808286 rgb(128,130,134)
```
#768190
```
#768190 rgb(118,129,144)
```
#6d7f99
```
#6d7f99 rgb(109,127,153)
```
#637da3
```
#637da3 rgb(99,125,163)
```
#5a7bac
```
#5a7bac rgb(90,123,172)
```
#5079b6
```
#5079b6 rgb(80,121,182)
```
#4777bf
```
#4777bf rgb(71,119,191)
```
#3d76c9
```
#3d76c9 rgb(61,118,201)
```
#3474d2
```
#3474d2 rgb(52,116,210)
```
#2a72dc
```
#2a72dc rgb(42,114,220)
```
#2070e6
```
#2070e6 rgb(32,112,230)
```
#176eef
```
#176eef rgb(23,110,239)
```
#0d6df9
```
#0d6df9 rgb(13,109,249)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5c6b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d78dd Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#3676dc Protanomaly 1% of men, 0.01% of women
#0f79d4 Deuteranomaly 6% of men, 0.4% of women
#0f80ab Tritanomaly 0.01% of the population

#2a72dc hex color

#2a72dc Color Information

#2a72dc Color Conversion

Color Schemes with #2a72dc

Alternatives to #2a72dc

#2a72dc Preview

Shades and Tints of #2a72dc

Tones of #2a72dc

Color Blindness Simulator