#42a2ca hex color

In a RGB color space, hex #42a2ca is composed of 25.9% red, 63.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 19.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 197.6 degrees, a saturation of 56.2% and a lightness of 52.5%. #42a2ca color hex could be obtained by blending #84ffff with #004595. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 64
- B 79
RGB color chart
- C 67
- M 20
- Y 0
- K 21
CMYK color chart

● #42a2ca color description : Moderate blue.

The hexadecimal color #42a2ca has RGB values of R:66, G:162, B:202 and CMYK values of C:0.67, M:0.2, Y:0, K:0.21. Its decimal value is 4367050.

Hex triplet	42a2ca	`#42a2ca`
RGB Decimal	66, 162, 202	`rgb(66,162,202)`
RGB Percent	25.9, 63.5, 79.2	`rgb(25.9%,63.5%,79.2%)`
CMYK	67, 20, 0, 21
HSL	197.6°, 56.2, 52.5	`hsl(197.6,56.2%,52.5%)`
HSV (or HSB)	197.6°, 67.3, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.727, -15.497, -28.728
XYZ	25.825, 31.261, 60.547
xyY	0.22, 0.266, 31.261
CIE-LCH	62.727, 32.642, 241.656
CIE-LUV	62.727, -36.79, -42.708
Hunter-Lab	55.912, -15.398, -25.067
Binary	01000010, 10100010, 11001010

#42a2ca
```
#42a2ca rgb(66,162,202)
```
#ca6a42
```
#ca6a42 rgb(202,106,66)
```

Complementary Color

#42caae
```
#42caae rgb(66,202,174)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#425eca
```
#425eca rgb(66,94,202)
```

Analogous Color

#caae42
```
#caae42 rgb(202,174,66)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#ca425e
```
#ca425e rgb(202,66,94)
```

Split Complementary Color

#a2ca42
```
#a2ca42 rgb(162,202,66)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#ca42a2
```
#ca42a2 rgb(202,66,162)
```

Triadic Color

#42ca6a
```
#42ca6a rgb(66,202,106)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#ca42a2
```
#ca42a2 rgb(202,66,162)
```
#ca6a42
```
#ca6a42 rgb(202,106,66)
```

Tetradic Color

#2a7696
```
#2a7696 rgb(42,118,150)
```
#3086a9
```
#3086a9 rgb(48,134,169)
```
#3595bd
```
#3595bd rgb(53,149,189)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#56acd0
```
#56acd0 rgb(86,172,208)
```
#6ab6d5
```
#6ab6d5 rgb(106,182,213)
```
#7ebfdb
```
#7ebfdb rgb(126,191,219)
```

Monochromatic Color

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

#42c4ca
```
#42c4ca rgb(66,196,202)
```
#42b9ca
```
#42b9ca rgb(66,185,202)
```
#42adca
```
#42adca rgb(66,173,202)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#4297ca
```
#4297ca rgb(66,151,202)
```
#428bca
```
#428bca rgb(66,139,202)
```
#4280ca
```
#4280ca rgb(66,128,202)
```

Similar Colors

Text with hexadecimal color #42a2ca

This text has a font color of #42a2ca.

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

#42a2ca background color

This paragraph has a background color of #42a2ca.

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

#42a2ca border color

This element has a border color of #42a2ca.

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

CSS codes

.text {color:#42a2ca;}

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

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

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, #03080a is the darkest color, while #fafcfe is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#071419
```
#071419 rgb(7,20,25)
```
#0b2029
```
#0b2029 rgb(11,32,41)
```
#102c38
```
#102c38 rgb(16,44,56)
```
#143847
```
#143847 rgb(20,56,71)
```
#184457
```
#184457 rgb(24,68,87)
```
#1d5066
```
#1d5066 rgb(29,80,102)
```
#215d75
```
#215d75 rgb(33,93,117)
```
#256985
```
#256985 rgb(37,105,133)
```
#2a7594
```
#2a7594 rgb(42,117,148)
```
#2e81a3
```
#2e81a3 rgb(46,129,163)
```
#328db3
```
#328db3 rgb(50,141,179)
```
#3699c2
```
#3699c2 rgb(54,153,194)
```

Shade Color Variation

#42a2ca
```
#42a2ca rgb(66,162,202)
```
#51aace
```
#51aace rgb(81,170,206)
```
#61b1d3
```
#61b1d3 rgb(97,177,211)
```
#70b9d7
```
#70b9d7 rgb(112,185,215)
```
#7fc0db
```
#7fc0db rgb(127,192,219)
```
#8fc8df
```
#8fc8df rgb(143,200,223)
```
#9ecfe4
```
#9ecfe4 rgb(158,207,228)
```
#add7e8
```
#add7e8 rgb(173,215,232)
```
#bddeec
```
#bddeec rgb(189,222,236)
```
#cce6f1
```
#cce6f1 rgb(204,230,241)
```
#dbedf5
```
#dbedf5 rgb(219,237,245)
```
#ebf5f9
```
#ebf5f9 rgb(235,245,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#838789
```
#838789 rgb(131,135,137)
```
#7a8b92
```
#7a8b92 rgb(122,139,146)
```
#718f9b
```
#718f9b rgb(113,143,155)
```
#6793a5
```
#6793a5 rgb(103,147,165)
```
#5e97ae
```
#5e97ae rgb(94,151,174)
```
#559ab7
```
#559ab7 rgb(85,154,183)
```
#4b9ec1
```
#4b9ec1 rgb(75,158,193)
```
#42a2ca
```
#42a2ca rgb(66,162,202)
```
#39a6d3
```
#39a6d3 rgb(57,166,211)
```
#2faadd
```
#2faadd rgb(47,170,221)
```
#26ade6
```
#26ade6 rgb(38,173,230)
```
#1db1ef
```
#1db1ef rgb(29,177,239)
```
#13b5f9
```
#13b5f9 rgb(19,181,249)
```

Tone Color Variation

Below, you can see how #42a2ca 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
#7c8f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc5 Protanopia 1% of men
#8b9bd1 Deuteranopia 1% of men
#3baab7 Tritanopia 0.001% of the population

Trichromacy

#749dc6 Protanomaly 1% of men, 0.01% of women
#709dce Deuteranomaly 6% of men, 0.4% of women
#3da7be Tritanomaly 0.01% of the population

#42a2ca hex color

#42a2ca Color Information

#42a2ca Color Conversion

Color Schemes with #42a2ca

Alternatives to #42a2ca

#42a2ca Preview

Shades and Tints of #42a2ca

Tones of #42a2ca

Color Blindness Simulator