#42a4d7 hex color

In a RGB color space, hex #42a4d7 is composed of 25.9% red, 64.3% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 23.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 200.5 degrees, a saturation of 65.1% and a lightness of 55.1%. #42a4d7 color hex could be obtained by blending #84ffff with #0049af. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 64
- B 84
RGB color chart
- C 69
- M 24
- Y 0
- K 16
CMYK color chart

● #42a4d7 color description : Moderate blue.

The hexadecimal color #42a4d7 has RGB values of R:66, G:164, B:215 and CMYK values of C:0.69, M:0.24, Y:0, K:0.16. Its decimal value is 4367575.

Hex triplet	42a4d7	`#42a4d7`
RGB Decimal	66, 164, 215	`rgb(66,164,215)`
RGB Percent	25.9, 64.3, 84.3	`rgb(25.9%,64.3%,84.3%)`
CMYK	69, 24, 0, 16
HSL	200.5°, 65.1, 55.1	`hsl(200.5,65.1%,55.1%)`
HSV (or HSB)	200.5°, 69.3, 84.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.847, -12.328, -34.219
XYZ	27.785, 32.613, 69.117
xyY	0.215, 0.252, 32.613
CIE-LCH	63.847, 36.371, 250.188
CIE-LUV	63.847, -36.855, -52.382
Hunter-Lab	57.108, -13.093, -31.782
Binary	01000010, 10100100, 11010111

#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#d77542
```
#d77542 rgb(215,117,66)
```

Complementary Color

#42d7c0
```
#42d7c0 rgb(66,215,192)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#425ad7
```
#425ad7 rgb(66,90,215)
```

Analogous Color

#d7c042
```
#d7c042 rgb(215,192,66)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#d7425a
```
#d7425a rgb(215,66,90)
```

Split Complementary Color

#a4d742
```
#a4d742 rgb(164,215,66)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#d742a4
```
#d742a4 rgb(215,66,164)
```

Triadic Color

#42d775
```
#42d775 rgb(66,215,117)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#d742a4
```
#d742a4 rgb(215,66,164)
```
#d77542
```
#d77542 rgb(215,117,66)
```

Tetradic Color

#247ba9
```
#247ba9 rgb(36,123,169)
```
#288bbe
```
#288bbe rgb(40,139,190)
```
#2d9ad3
```
#2d9ad3 rgb(45,154,211)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#57aedb
```
#57aedb rgb(87,174,219)
```
#6cb8e0
```
#6cb8e0 rgb(108,184,224)
```
#81c2e4
```
#81c2e4 rgb(129,194,228)
```

Monochromatic Color

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

#42c9d7
```
#42c9d7 rgb(66,201,215)
```
#42bdd7
```
#42bdd7 rgb(66,189,215)
```
#42b0d7
```
#42b0d7 rgb(66,176,215)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#4298d7
```
#4298d7 rgb(66,152,215)
```
#428bd7
```
#428bd7 rgb(66,139,215)
```
#427fd7
```
#427fd7 rgb(66,127,215)
```

Similar Colors

Text with hexadecimal color #42a4d7

This text has a font color of #42a4d7.

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

#42a4d7 background color

This paragraph has a background color of #42a4d7.

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

#42a4d7 border color

This element has a border color of #42a4d7.

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

CSS codes

.text {color:#42a4d7;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051015
```
#051015 rgb(5,16,21)
```
#081b26
```
#081b26 rgb(8,27,38)
```
#0b2736
```
#0b2736 rgb(11,39,54)
```
#0f3346
```
#0f3346 rgb(15,51,70)
```
#123f56
```
#123f56 rgb(18,63,86)
```
#164b66
```
#164b66 rgb(22,75,102)
```
#195777
```
#195777 rgb(25,87,119)
```
#1d6287
```
#1d6287 rgb(29,98,135)
```
#206e97
```
#206e97 rgb(32,110,151)
```
#237aa7
```
#237aa7 rgb(35,122,167)
```
#2786b7
```
#2786b7 rgb(39,134,183)
```
#2a92c8
```
#2a92c8 rgb(42,146,200)
```

Shade Color Variation

#329cd4
```
#329cd4 rgb(50,156,212)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#52acda
```
#52acda rgb(82,172,218)
```
#62b4de
```
#62b4de rgb(98,180,222)
```
#73bbe1
```
#73bbe1 rgb(115,187,225)
```
#83c3e5
```
#83c3e5 rgb(131,195,229)
```
#93cbe8
```
#93cbe8 rgb(147,203,232)
```
#a3d3ec
```
#a3d3ec rgb(163,211,236)
```
#b3dbef
```
#b3dbef rgb(179,219,239)
```
#c4e2f2
```
#c4e2f2 rgb(196,226,242)
```
#d4eaf6
```
#d4eaf6 rgb(212,234,246)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e91 is the less saturated color, while #1faffa is the most saturated one.

#888e91
```
#888e91 rgb(136,142,145)
```
#809199
```
#809199 rgb(128,145,153)
```
#7793a2
```
#7793a2 rgb(119,147,162)
```
#6e96ab
```
#6e96ab rgb(110,150,171)
```
#6599b4
```
#6599b4 rgb(101,153,180)
```
#5c9cbd
```
#5c9cbd rgb(92,156,189)
```
#549ec5
```
#549ec5 rgb(84,158,197)
```
#4ba1ce
```
#4ba1ce rgb(75,161,206)
```
#42a4d7
```
#42a4d7 rgb(66,164,215)
```
#39a7e0
```
#39a7e0 rgb(57,167,224)
```
#30aae9
```
#30aae9 rgb(48,170,233)
```
#28acf1
```
#28acf1 rgb(40,172,241)
```
#1faffa
```
#1faffa rgb(31,175,250)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#909ed1 Protanopia 1% of men
#869edd Deuteranopia 1% of men
#30aebb Tritanopia 0.001% of the population

Trichromacy

#73a0d3 Protanomaly 1% of men, 0.01% of women
#6da0da Deuteranomaly 6% of men, 0.4% of women
#37aac5 Tritanomaly 0.01% of the population

#42a4d7 hex color

#42a4d7 Color Information

#42a4d7 Color Conversion

Color Schemes with #42a4d7

Alternatives to #42a4d7

#42a4d7 Preview

Shades and Tints of #42a4d7

Tones of #42a4d7

Color Blindness Simulator