colorhexa.com

#42a4c4 hex color

In a RGB color space, hex #42a4c4 is composed of 25.9% red, 64.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 16.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 194.8 degrees, a saturation of 52.4% and a lightness of 51.4%. #42a4c4 color hex could be obtained by blending #84ffff with #004989. Closest websafe color is: #3399cc.

- R 26
- G 64
- B 77
RGB color chart
- C 66
- M 16
- Y 0
- K 23
CMYK color chart

● #42a4c4 color description : Moderate cyan.

The hexadecimal color #42a4c4 has RGB values of R:66, G:164, B:196 and CMYK values of C:0.66, M:0.16, Y:0, K:0.23. Its decimal value is 4367556.

Hex triplet	42a4c4	`#42a4c4`
RGB Decimal	66, 164, 196	`rgb(66,164,196)`
RGB Percent	25.9, 64.3, 76.9	`rgb(25.9%,64.3%,76.9%)`
CMYK	66, 16, 0, 23
HSL	194.8°, 52.4, 51.4	`hsl(194.8,52.4%,51.4%)`
HSV (or HSB)	194.8°, 66.3, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.088, -18.486, -24.826
XYZ	25.483, 31.693, 56.996
xyY	0.223, 0.278, 31.693
CIE-LCH	63.088, 30.953, 233.328
CIE-LUV	63.088, -37.826, -35.917
Hunter-Lab	56.296, -17.717, -20.619
Binary	01000010, 10100100, 11000100

#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#c46242
```
#c46242 rgb(196,98,66)
```

Complementary Color

#42c4a3
```
#42c4a3 rgb(66,196,163)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#4263c4
```
#4263c4 rgb(66,99,196)
```

Analogous Color

#c4a342
```
#c4a342 rgb(196,163,66)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#c44263
```
#c44263 rgb(196,66,99)
```

Split Complementary Color

#a4c442
```
#a4c442 rgb(164,196,66)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#c442a4
```
#c442a4 rgb(196,66,164)
```

Triadic Color

#42c462
```
#42c462 rgb(66,196,98)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#c442a4
```
#c442a4 rgb(196,66,164)
```
#c46242
```
#c46242 rgb(196,98,66)
```

Tetradic Color

#2c758d
```
#2c758d rgb(44,117,141)
```
#3286a1
```
#3286a1 rgb(50,134,161)
```
#3896b4
```
#3896b4 rgb(56,150,180)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#55adca
```
#55adca rgb(85,173,202)
```
#69b7d0
```
#69b7d0 rgb(105,183,208)
```
#7cc0d6
```
#7cc0d6 rgb(124,192,214)
```

Monochromatic Color

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

#42c4c4
```
#42c4c4 rgb(66,196,196)
```
#42bac4
```
#42bac4 rgb(66,186,196)
```
#42afc4
```
#42afc4 rgb(66,175,196)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#4299c4
```
#4299c4 rgb(66,153,196)
```
#428ec4
```
#428ec4 rgb(66,142,196)
```
#4284c4
```
#4284c4 rgb(66,132,196)
```

Similar Colors

Text with hexadecimal color #42a4c4

This text has a font color of #42a4c4.

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

#42a4c4 background color

This paragraph has a background color of #42a4c4.

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

#42a4c4 border color

This element has a border color of #42a4c4.

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

CSS codes

.text {color:#42a4c4;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0b1d23
```
#0b1d23 rgb(11,29,35)
```
#102a32
```
#102a32 rgb(16,42,50)
```
#143641
```
#143641 rgb(20,54,65)
```
#194350
```
#194350 rgb(25,67,80)
```
#1e4f5f
```
#1e4f5f rgb(30,79,95)
```
#225b6e
```
#225b6e rgb(34,91,110)
```
#27687d
```
#27687d rgb(39,104,125)
```
#2c748c
```
#2c748c rgb(44,116,140)
```
#30819b
```
#30819b rgb(48,129,155)
```
#358daa
```
#358daa rgb(53,141,170)
```
#3a99b9
```
#3a99b9 rgb(58,153,185)
```

Shade Color Variation

#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#51abc9
```
#51abc9 rgb(81,171,201)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#6fbad2
```
#6fbad2 rgb(111,186,210)
```
#7ec1d7
```
#7ec1d7 rgb(126,193,215)
```
#8dc8db
```
#8dc8db rgb(141,200,219)
```
#9ccfe0
```
#9ccfe0 rgb(156,207,224)
```
#abd6e5
```
#abd6e5 rgb(171,214,229)
```
#badee9
```
#badee9 rgb(186,222,233)
```
#c9e5ee
```
#c9e5ee rgb(201,229,238)
```
#d7ecf3
```
#d7ecf3 rgb(215,236,243)
```
#e6f3f7
```
#e6f3f7 rgb(230,243,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b878b is the less saturated color, while #09c1fd is the most saturated one.

#7b878b
```
#7b878b rgb(123,135,139)
```
#728c94
```
#728c94 rgb(114,140,148)
```
#68919e
```
#68919e rgb(104,145,158)
```
#5f95a7
```
#5f95a7 rgb(95,149,167)
```
#559ab1
```
#559ab1 rgb(85,154,177)
```
#4c9fba
```
#4c9fba rgb(76,159,186)
```
#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#38a9ce
```
#38a9ce rgb(56,169,206)
```
#2faed7
```
#2faed7 rgb(47,174,215)
```
#25b3e1
```
#25b3e1 rgb(37,179,225)
```
#1cb7ea
```
#1cb7ea rgb(28,183,234)
```
#12bcf4
```
#12bcf4 rgb(18,188,244)
```
#09c1fd
```
#09c1fd rgb(9,193,253)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7c8f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959cbf Protanopia 1% of men
#919bcc Deuteranopia 1% of men
#41abb8 Tritanopia 0.001% of the population

Trichromacy

#779fc0 Protanomaly 1% of men, 0.01% of women
#749ec9 Deuteranomaly 6% of men, 0.4% of women
#41a8bc Tritanomaly 0.01% of the population