#2a83d3 hex color

In a RGB color space, hex #2a83d3 is composed of 16.5% red, 51.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 37.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 208.4 degrees, a saturation of 66.8% and a lightness of 49.6%. #2a83d3 color hex could be obtained by blending #54ffff with #0007a7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 51
- B 83
RGB color chart
- C 80
- M 38
- Y 0
- K 17
CMYK color chart

● #2a83d3 color description : Strong blue.

The hexadecimal color #2a83d3 has RGB values of R:42, G:131, B:211 and CMYK values of C:0.8, M:0.38, Y:0, K:0.17. Its decimal value is 2786259.

Hex triplet	2a83d3	`#2a83d3`
RGB Decimal	42, 131, 211	`rgb(42,131,211)`
RGB Percent	16.5, 51.4, 82.7	`rgb(16.5%,51.4%,82.7%)`
CMYK	80, 38, 0, 17
HSL	208.4°, 66.8, 49.6	`hsl(208.4,66.8%,49.6%)`
HSV (or HSB)	208.4°, 80.1, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.413, 2.242, -48.433
XYZ	20.826, 21.426, 64.662
xyY	0.195, 0.2, 21.426
CIE-LCH	53.413, 48.485, 272.65
CIE-LUV	53.413, -29.497, -75.482
Hunter-Lab	46.288, -0.694, -50.423
Binary	00101010, 10000011, 11010011

#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#d37a2a
```
#d37a2a rgb(211,122,42)
```

Complementary Color

#2ad3cf
```
#2ad3cf rgb(42,211,207)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#2a2fd3
```
#2a2fd3 rgb(42,47,211)
```

Analogous Color

#d3cf2a
```
#d3cf2a rgb(211,207,42)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#d32a2f
```
#d32a2f rgb(211,42,47)
```

Split Complementary Color

#83d32a
```
#83d32a rgb(131,211,42)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#d32a83
```
#d32a83 rgb(211,42,131)
```

Triadic Color

#2ad37a
```
#2ad37a rgb(42,211,122)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#d32a83
```
#d32a83 rgb(211,42,131)
```
#d37a2a
```
#d37a2a rgb(211,122,42)
```

Tetradic Color

#1d5b93
```
#1d5b93 rgb(29,91,147)
```
#2269a8
```
#2269a8 rgb(34,105,168)
```
#2676be
```
#2676be rgb(38,118,190)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#3e8fd9
```
#3e8fd9 rgb(62,143,217)
```
#539cdd
```
#539cdd rgb(83,156,221)
```
#68a8e1
```
#68a8e1 rgb(104,168,225)
```

Monochromatic Color

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

#2aadd3
```
#2aadd3 rgb(42,173,211)
```
#2a9fd3
```
#2a9fd3 rgb(42,159,211)
```
#2a91d3
```
#2a91d3 rgb(42,145,211)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#2a75d3
```
#2a75d3 rgb(42,117,211)
```
#2a67d3
```
#2a67d3 rgb(42,103,211)
```
#2a59d3
```
#2a59d3 rgb(42,89,211)
```

Similar Colors

Text with hexadecimal color #2a83d3

This text has a font color of #2a83d3.

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

#2a83d3 background color

This paragraph has a background color of #2a83d3.

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

#2a83d3 border color

This element has a border color of #2a83d3.

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

CSS codes

.text {color:#2a83d3;}

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

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

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, #03090f is the darkest color, while #fdfeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#06131f
```
#06131f rgb(6,19,31)
```
#091d2f
```
#091d2f rgb(9,29,47)
```
#0d2840
```
#0d2840 rgb(13,40,64)
```
#103250
```
#103250 rgb(16,50,80)
```
#133c60
```
#133c60 rgb(19,60,96)
```
#164671
```
#164671 rgb(22,70,113)
```
#1a5081
```
#1a5081 rgb(26,80,129)
```
#1d5a92
```
#1d5a92 rgb(29,90,146)
```
#2065a2
```
#2065a2 rgb(32,101,162)
```
#236fb2
```
#236fb2 rgb(35,111,178)
```
#2779c3
```
#2779c3 rgb(39,121,195)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```

Shade Color Variation

#398dd8
```
#398dd8 rgb(57,141,216)
```
#4996db
```
#4996db rgb(73,150,219)
```
#5a9fde
```
#5a9fde rgb(90,159,222)
```
#6aa9e1
```
#6aa9e1 rgb(106,169,225)
```
#7ab2e5
```
#7ab2e5 rgb(122,178,229)
```
#8bbce8
```
#8bbce8 rgb(139,188,232)
```
#9bc5eb
```
#9bc5eb rgb(155,197,235)
```
#accfee
```
#accfee rgb(172,207,238)
```
#bcd8f2
```
#bcd8f2 rgb(188,216,242)
```
#cce2f5
```
#cce2f5 rgb(204,226,245)
```
#ddebf8
```
#ddebf8 rgb(221,235,248)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f85 is the less saturated color, while #0385fa is the most saturated one.

#787f85
```
#787f85 rgb(120,127,133)
```
#6e7f8f
```
#6e7f8f rgb(110,127,143)
```
#648099
```
#648099 rgb(100,128,153)
```
#5b80a2
```
#5b80a2 rgb(91,128,162)
```
#5181ac
```
#5181ac rgb(81,129,172)
```
#4781b6
```
#4781b6 rgb(71,129,182)
```
#3d82c0
```
#3d82c0 rgb(61,130,192)
```
#3482c9
```
#3482c9 rgb(52,130,201)
```
#2a83d3
```
#2a83d3 rgb(42,131,211)
```
#2084dd
```
#2084dd rgb(32,132,221)
```
#1784e6
```
#1784e6 rgb(23,132,230)
```
#0d85f0
```
#0d85f0 rgb(13,133,240)
```
#0385fa
```
#0385fa rgb(3,133,250)
```

Tone Color Variation

Below, you can see how #2a83d3 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
#647585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6583d0 Protanopia 1% of men
#4987d6 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#4f83d1 Protanomaly 1% of men, 0.01% of women
#3d85d5 Deuteranomaly 6% of men, 0.4% of women
#0f8db0 Tritanomaly 0.01% of the population

#2a83d3 hex color

#2a83d3 Color Information

#2a83d3 Color Conversion

Color Schemes with #2a83d3

Alternatives to #2a83d3

#2a83d3 Preview

Shades and Tints of #2a83d3

Tones of #2a83d3

Color Blindness Simulator