#42a0cc hex color

In a RGB color space, hex #42a0cc is composed of 25.9% red, 62.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 21.6% magenta, 0% yellow and 20% black. It has a hue angle of 199.1 degrees, a saturation of 57.5% and a lightness of 52.9%. #42a0cc color hex could be obtained by blending #84ffff with #004199. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 63
- B 80
RGB color chart
- C 68
- M 22
- Y 0
- K 20
CMYK color chart

● #42a0cc color description : Moderate blue.

The hexadecimal color #42a0cc has RGB values of R:66, G:160, B:204 and CMYK values of C:0.68, M:0.22, Y:0, K:0.2. Its decimal value is 4366540.

Hex triplet	42a0cc	`#42a0cc`
RGB Decimal	66, 160, 204	`rgb(66,160,204)`
RGB Percent	25.9, 62.7, 80	`rgb(25.9%,62.7%,80%)`
CMYK	68, 22, 0, 20
HSL	199.1°, 57.5, 52.9	`hsl(199.1,57.5%,52.9%)`
HSV (or HSB)	199.1°, 67.6, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.217, -13.764, -30.632
XYZ	25.714, 30.657, 61.686
xyY	0.218, 0.26, 30.657
CIE-LCH	62.217, 33.583, 245.804
CIE-LUV	62.217, -35.968, -46.029
Hunter-Lab	55.369, -13.999, -27.295
Binary	01000010, 10100000, 11001100

#42a0cc
```
#42a0cc rgb(66,160,204)
```
#cc6e42
```
#cc6e42 rgb(204,110,66)
```

Complementary Color

#42ccb3
```
#42ccb3 rgb(66,204,179)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#425bcc
```
#425bcc rgb(66,91,204)
```

Analogous Color

#ccb342
```
#ccb342 rgb(204,179,66)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#cc425b
```
#cc425b rgb(204,66,91)
```

Split Complementary Color

#a0cc42
```
#a0cc42 rgb(160,204,66)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#cc42a0
```
#cc42a0 rgb(204,66,160)
```

Triadic Color

#42cc6e
```
#42cc6e rgb(66,204,110)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#cc42a0
```
#cc42a0 rgb(204,66,160)
```
#cc6e42
```
#cc6e42 rgb(204,110,66)
```

Tetradic Color

#297598
```
#297598 rgb(41,117,152)
```
#2f84ac
```
#2f84ac rgb(47,132,172)
```
#3494c1
```
#3494c1 rgb(52,148,193)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#56aad1
```
#56aad1 rgb(86,170,209)
```
#6ab4d7
```
#6ab4d7 rgb(106,180,215)
```
#7ebedc
```
#7ebedc rgb(126,190,220)
```

Monochromatic Color

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

#42c3cc
```
#42c3cc rgb(66,195,204)
```
#42b7cc
```
#42b7cc rgb(66,183,204)
```
#42accc
```
#42accc rgb(66,172,204)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#4295cc
```
#4295cc rgb(66,149,204)
```
#4289cc
```
#4289cc rgb(66,137,204)
```
#427ecc
```
#427ecc rgb(66,126,204)
```

Similar Colors

Text with hexadecimal color #42a0cc

This text has a font color of #42a0cc.

<span style="color:#42a0cc;">Text here</span>

#42a0cc background color

This paragraph has a background color of #42a0cc.

<p style="background-color:#42a0cc;">Content here</p>

#42a0cc border color

This element has a border color of #42a0cc.

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

CSS codes

.text {color:#42a0cc;}

.background {background-color:#42a0cc;}

.border {border:1px solid #42a0cc;}

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

#03090c
```
#03090c rgb(3,9,12)
```
#07151b
```
#07151b rgb(7,21,27)
```
#0c212b
```
#0c212b rgb(12,33,43)
```
#102d3a
```
#102d3a rgb(16,45,58)
```
#14384a
```
#14384a rgb(20,56,74)
```
#184459
```
#184459 rgb(24,68,89)
```
#1c5068
```
#1c5068 rgb(28,80,104)
```
#205c78
```
#205c78 rgb(32,92,120)
```
#256887
```
#256887 rgb(37,104,135)
```
#297497
```
#297497 rgb(41,116,151)
```
#2d80a6
```
#2d80a6 rgb(45,128,166)
```
#318bb6
```
#318bb6 rgb(49,139,182)
```
#3597c5
```
#3597c5 rgb(53,151,197)
```

Shade Color Variation

#42a0cc
```
#42a0cc rgb(66,160,204)
```
#51a8d0
```
#51a8d0 rgb(81,168,208)
```
#61b0d4
```
#61b0d4 rgb(97,176,212)
```
#70b7d9
```
#70b7d9 rgb(112,183,217)
```
#80bfdd
```
#80bfdd rgb(128,191,221)
```
#8fc7e1
```
#8fc7e1 rgb(143,199,225)
```
#9fcfe5
```
#9fcfe5 rgb(159,207,229)
```
#aed6e9
```
#aed6e9 rgb(174,214,233)
```
#bedeed
```
#bedeed rgb(190,222,237)
```
#cde6f2
```
#cde6f2 rgb(205,230,242)
```
#dceef6
```
#dceef6 rgb(220,238,246)
```
#ecf5fa
```
#ecf5fa rgb(236,245,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83898b is the less saturated color, while #14b1fa is the most saturated one.

#83898b
```
#83898b rgb(131,137,139)
```
#798c95
```
#798c95 rgb(121,140,149)
```
#708f9e
```
#708f9e rgb(112,143,158)
```
#6793a7
```
#6793a7 rgb(103,147,167)
```
#5e96b0
```
#5e96b0 rgb(94,150,176)
```
#5499ba
```
#5499ba rgb(84,153,186)
```
#4b9dc3
```
#4b9dc3 rgb(75,157,195)
```
#42a0cc
```
#42a0cc rgb(66,160,204)
```
#39a3d5
```
#39a3d5 rgb(57,163,213)
```
#30a7de
```
#30a7de rgb(48,167,222)
```
#26aae8
```
#26aae8 rgb(38,170,232)
```
#1dadf1
```
#1dadf1 rgb(29,173,241)
```
#14b1fa
```
#14b1fa rgb(20,177,250)
```

Tone Color Variation

Below, you can see how #42a0cc 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

#898989 Achromatopsia 0.005% of the population
#7b8e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9ac7 Protanopia 1% of men
#879ad2 Deuteranopia 1% of men
#38a9b6 Tritanopia 0.001% of the population

Trichromacy

#729cc9 Protanomaly 1% of men, 0.01% of women
#6e9cd0 Deuteranomaly 6% of men, 0.4% of women
#3ba6be Tritanomaly 0.01% of the population

#42a0cc hex color

#42a0cc Color Information

#42a0cc Color Conversion

Color Schemes with #42a0cc

Alternatives to #42a0cc

#42a0cc Preview

Shades and Tints of #42a0cc

Tones of #42a0cc

Color Blindness Simulator