#2a8fcc hex color

In a RGB color space, hex #2a8fcc is composed of 16.5% red, 56.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 29.9% magenta, 0% yellow and 20% black. It has a hue angle of 202.6 degrees, a saturation of 65.9% and a lightness of 48.2%. #2a8fcc color hex could be obtained by blending #54ffff with #001f99. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 56
- B 80
RGB color chart
- C 79
- M 30
- Y 0
- K 20
CMYK color chart

● #2a8fcc color description : Strong blue.

The hexadecimal color #2a8fcc has RGB values of R:42, G:143, B:204 and CMYK values of C:0.79, M:0.3, Y:0, K:0.2. Its decimal value is 2789324.

Hex triplet	2a8fcc	`#2a8fcc`
RGB Decimal	42, 143, 204	`rgb(42,143,204)`
RGB Percent	16.5, 56.1, 80	`rgb(16.5%,56.1%,80%)`
CMYK	79, 30, 0, 20
HSL	202.6°, 65.9, 48.2	`hsl(202.6,65.9%,48.2%)`
HSV (or HSB)	202.6°, 79.4, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.58, -7.375, -39.474
XYZ	21.674, 24.495, 60.709
xyY	0.203, 0.229, 24.495
CIE-LCH	56.58, 40.157, 259.418
CIE-LUV	56.58, -33.886, -60.611
Hunter-Lab	49.492, -8.443, -38.083
Binary	00101010, 10001111, 11001100

#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#cc672a
```
#cc672a rgb(204,103,42)
```

Complementary Color

#2accb8
```
#2accb8 rgb(42,204,184)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#2a3ecc
```
#2a3ecc rgb(42,62,204)
```

Analogous Color

#ccb82a
```
#ccb82a rgb(204,184,42)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#cc2a3e
```
#cc2a3e rgb(204,42,62)
```

Split Complementary Color

#8fcc2a
```
#8fcc2a rgb(143,204,42)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#cc2a8f
```
#cc2a8f rgb(204,42,143)
```

Triadic Color

#2acc67
```
#2acc67 rgb(42,204,103)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#cc2a8f
```
#cc2a8f rgb(204,42,143)
```
#cc672a
```
#cc672a rgb(204,103,42)
```

Tetradic Color

#1d638d
```
#1d638d rgb(29,99,141)
```
#2171a2
```
#2171a2 rgb(33,113,162)
```
#2680b7
```
#2680b7 rgb(38,128,183)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#399bd6
```
#399bd6 rgb(57,155,214)
```
#4ea6db
```
#4ea6db rgb(78,166,219)
```
#64b0df
```
#64b0df rgb(100,176,223)
```

Monochromatic Color

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

#2ab8cc
```
#2ab8cc rgb(42,184,204)
```
#2aaacc
```
#2aaacc rgb(42,170,204)
```
#2a9dcc
```
#2a9dcc rgb(42,157,204)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#2a82cc
```
#2a82cc rgb(42,130,204)
```
#2a74cc
```
#2a74cc rgb(42,116,204)
```
#2a67cc
```
#2a67cc rgb(42,103,204)
```

Similar Colors

Text with hexadecimal color #2a8fcc

This text has a font color of #2a8fcc.

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

#2a8fcc background color

This paragraph has a background color of #2a8fcc.

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

#2a8fcc border color

This element has a border color of #2a8fcc.

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

CSS codes

.text {color:#2a8fcc;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#051219
```
#051219 rgb(5,18,25)
```
#091d29
```
#091d29 rgb(9,29,41)
```
#0c283a
```
#0c283a rgb(12,40,58)
```
#0f344a
```
#0f344a rgb(15,52,74)
```
#133f5a
```
#133f5a rgb(19,63,90)
```
#164b6a
```
#164b6a rgb(22,75,106)
```
#19567b
```
#19567b rgb(25,86,123)
```
#1d618b
```
#1d618b rgb(29,97,139)
```
#206d9b
```
#206d9b rgb(32,109,155)
```
#2378ab
```
#2378ab rgb(35,120,171)
```
#2784bc
```
#2784bc rgb(39,132,188)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```

Shade Color Variation

#3499d5
```
#3499d5 rgb(52,153,213)
```
#45a1d9
```
#45a1d9 rgb(69,161,217)
```
#55a9dc
```
#55a9dc rgb(85,169,220)
```
#65b1df
```
#65b1df rgb(101,177,223)
```
#75bae3
```
#75bae3 rgb(117,186,227)
```
#86c2e6
```
#86c2e6 rgb(134,194,230)
```
#96cae9
```
#96cae9 rgb(150,202,233)
```
#a6d2ed
```
#a6d2ed rgb(166,210,237)
```
#b6daf0
```
#b6daf0 rgb(182,218,240)
```
#c7e3f3
```
#c7e3f3 rgb(199,227,243)
```
#d7ebf7
```
#d7ebf7 rgb(215,235,247)
```
#e7f3fa
```
#e7f3fa rgb(231,243,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c80 is the less saturated color, while #0498f2 is the most saturated one.

#767c80
```
#767c80 rgb(118,124,128)
```
#6c7f8a
```
#6c7f8a rgb(108,127,138)
```
#638193
```
#638193 rgb(99,129,147)
```
#59839d
```
#59839d rgb(89,131,157)
```
#5086a6
```
#5086a6 rgb(80,134,166)
```
#4688b0
```
#4688b0 rgb(70,136,176)
```
#3d8ab9
```
#3d8ab9 rgb(61,138,185)
```
#338dc3
```
#338dc3 rgb(51,141,195)
```
#2a8fcc
```
#2a8fcc rgb(42,143,204)
```
#2191d5
```
#2191d5 rgb(33,145,213)
```
#1794df
```
#1794df rgb(23,148,223)
```
#0e96e8
```
#0e96e8 rgb(14,150,232)
```
#0498f2
```
#0498f2 rgb(4,152,242)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#687d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#788bc8 Protanopia 1% of men
#688dd1 Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#5c8dc9 Protanomaly 1% of men, 0.01% of women
#528ecf Deuteranomaly 6% of men, 0.4% of women
#0f97b4 Tritanomaly 0.01% of the population

#2a8fcc hex color

#2a8fcc Color Information

#2a8fcc Color Conversion

Color Schemes with #2a8fcc

Alternatives to #2a8fcc

#2a8fcc Preview

Shades and Tints of #2a8fcc

Tones of #2a8fcc

Color Blindness Simulator