#2a8dc0 hex color

In a RGB color space, hex #2a8dc0 is composed of 16.5% red, 55.3% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 26.6% magenta, 0% yellow and 24.7% black. It has a hue angle of 200.4 degrees, a saturation of 64.1% and a lightness of 45.9%. #2a8dc0 color hex could be obtained by blending #54ffff with #001b81. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 55
- B 75
RGB color chart
- C 78
- M 27
- Y 0
- K 25
CMYK color chart

● #2a8dc0 color description : Strong blue.

The hexadecimal color #2a8dc0 has RGB values of R:42, G:141, B:192 and CMYK values of C:0.78, M:0.27, Y:0, K:0.25. Its decimal value is 2788800.

Hex triplet	2a8dc0	`#2a8dc0`
RGB Decimal	42, 141, 192	`rgb(42,141,192)`
RGB Percent	16.5, 55.3, 75.3	`rgb(16.5%,55.3%,75.3%)`
CMYK	78, 27, 0, 25
HSL	200.4°, 64.1, 45.9	`hsl(200.4,64.1%,45.9%)`
HSV (or HSB)	200.4°, 78.1, 75.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.427, -10.521, -34.491
XYZ	19.992, 23.346, 53.319
xyY	0.207, 0.242, 23.346
CIE-LCH	55.427, 36.06, 253.037
CIE-LUV	55.427, -33.865, -51.878
Hunter-Lab	48.318, -10.701, -31.604
Binary	00101010, 10001101, 11000000

#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#c05d2a
```
#c05d2a rgb(192,93,42)
```

Complementary Color

#2ac0a8
```
#2ac0a8 rgb(42,192,168)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#2a42c0
```
#2a42c0 rgb(42,66,192)
```

Analogous Color

#c0a82a
```
#c0a82a rgb(192,168,42)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#c02a42
```
#c02a42 rgb(192,42,66)
```

Split Complementary Color

#8dc02a
```
#8dc02a rgb(141,192,42)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#c02a8d
```
#c02a8d rgb(192,42,141)
```

Triadic Color

#2ac05d
```
#2ac05d rgb(42,192,93)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#c02a8d
```
#c02a8d rgb(192,42,141)
```
#c05d2a
```
#c05d2a rgb(192,93,42)
```

Tetradic Color

#1c5f81
```
#1c5f81 rgb(28,95,129)
```
#216e96
```
#216e96 rgb(33,110,150)
```
#257eab
```
#257eab rgb(37,126,171)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#319bd2
```
#319bd2 rgb(49,155,210)
```
#46a6d7
```
#46a6d7 rgb(70,166,215)
```
#5bb0db
```
#5bb0db rgb(91,176,219)
```

Monochromatic Color

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

#2ab3c0
```
#2ab3c0 rgb(42,179,192)
```
#2aa6c0
```
#2aa6c0 rgb(42,166,192)
```
#2a9ac0
```
#2a9ac0 rgb(42,154,192)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#2a81c0
```
#2a81c0 rgb(42,129,192)
```
#2a74c0
```
#2a74c0 rgb(42,116,192)
```
#2a68c0
```
#2a68c0 rgb(42,104,192)
```

Similar Colors

Text with hexadecimal color #2a8dc0

This text has a font color of #2a8dc0.

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

#2a8dc0 background color

This paragraph has a background color of #2a8dc0.

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

#2a8dc0 border color

This element has a border color of #2a8dc0.

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

CSS codes

.text {color:#2a8dc0;}

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

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

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, #030b0f is the darkest color, while #fefeff is the lightest one.

#030b0f
```
#030b0f rgb(3,11,15)
```
#07171f
```
#07171f rgb(7,23,31)
```
#0a232f
```
#0a232f rgb(10,35,47)
```
#0e2e3f
```
#0e2e3f rgb(14,46,63)
```
#113a4f
```
#113a4f rgb(17,58,79)
```
#15465f
```
#15465f rgb(21,70,95)
```
#185270
```
#185270 rgb(24,82,112)
```
#1c5e80
```
#1c5e80 rgb(28,94,128)
```
#1f6a90
```
#1f6a90 rgb(31,106,144)
```
#2375a0
```
#2375a0 rgb(35,117,160)
```
#2681b0
```
#2681b0 rgb(38,129,176)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#2e99d0
```
#2e99d0 rgb(46,153,208)
```

Shade Color Variation

#3da1d5
```
#3da1d5 rgb(61,161,213)
```
#4da9d8
```
#4da9d8 rgb(77,169,216)
```
#5db0dc
```
#5db0dc rgb(93,176,220)
```
#6db8df
```
#6db8df rgb(109,184,223)
```
#7dc0e3
```
#7dc0e3 rgb(125,192,227)
```
#8dc8e6
```
#8dc8e6 rgb(141,200,230)
```
#9dd0ea
```
#9dd0ea rgb(157,208,234)
```
#add7ed
```
#add7ed rgb(173,215,237)
```
#bddff1
```
#bddff1 rgb(189,223,241)
```
#cee7f4
```
#cee7f4 rgb(206,231,244)
```
#deeff8
```
#deeff8 rgb(222,239,248)
```
#eef7fb
```
#eef7fb rgb(238,247,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#727678
```
#727678 rgb(114,118,120)
```
#697981
```
#697981 rgb(105,121,129)
```
#607c8a
```
#607c8a rgb(96,124,138)
```
#577f93
```
#577f93 rgb(87,127,147)
```
#4e819c
```
#4e819c rgb(78,129,156)
```
#4584a5
```
#4584a5 rgb(69,132,165)
```
#3c87ae
```
#3c87ae rgb(60,135,174)
```
#338ab7
```
#338ab7 rgb(51,138,183)
```
#2a8dc0
```
#2a8dc0 rgb(42,141,192)
```
#2190c9
```
#2190c9 rgb(33,144,201)
```
#1893d2
```
#1893d2 rgb(24,147,210)
```
#0f96db
```
#0f96db rgb(15,150,219)
```
#0699e4
```
#0699e4 rgb(6,153,228)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#667a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a89bc Protanopia 1% of men
#6e8ac6 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#5d8abd Protanomaly 1% of men, 0.01% of women
#558bc4 Deuteranomaly 6% of men, 0.4% of women
#0f94ad Tritanomaly 0.01% of the population

#2a8dc0 hex color

#2a8dc0 Color Information

#2a8dc0 Color Conversion

Color Schemes with #2a8dc0

Alternatives to #2a8dc0

#2a8dc0 Preview

Shades and Tints of #2a8dc0

Tones of #2a8dc0

Color Blindness Simulator