#42a4d6 hex color

In a RGB color space, hex #42a4d6 is composed of 25.9% red, 64.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 23.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 200.3 degrees, a saturation of 64.3% and a lightness of 54.9%. #42a4d6 color hex could be obtained by blending #84ffff with #0049ad. Closest websafe color is: #3399cc.

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

● #42a4d6 color description : Moderate blue.

The hexadecimal color #42a4d6 has RGB values of R:66, G:164, B:214 and CMYK values of C:0.69, M:0.23, Y:0, K:0.16. Its decimal value is 4367574.

Hex triplet	42a4d6	`#42a4d6`
RGB Decimal	66, 164, 214	`rgb(66,164,214)`
RGB Percent	25.9, 64.3, 83.9	`rgb(25.9%,64.3%,83.9%)`
CMYK	69, 23, 0, 16
HSL	200.3°, 64.3, 54.9	`hsl(200.3,64.3%,54.9%)`
HSV (or HSB)	200.3°, 69.2, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.805, -12.658, -33.73
XYZ	27.657, 32.562, 68.442
xyY	0.215, 0.253, 32.562
CIE-LCH	63.805, 36.027, 249.43
CIE-LUV	63.805, -36.904, -51.517
Hunter-Lab	57.063, -13.347, -31.169
Binary	01000010, 10100100, 11010110

#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#d67442
```
#d67442 rgb(214,116,66)
```

Complementary Color

#42d6be
```
#42d6be rgb(66,214,190)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#425ad6
```
#425ad6 rgb(66,90,214)
```

Analogous Color

#d6be42
```
#d6be42 rgb(214,190,66)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#d6425a
```
#d6425a rgb(214,66,90)
```

Split Complementary Color

#a4d642
```
#a4d642 rgb(164,214,66)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#d642a4
```
#d642a4 rgb(214,66,164)
```

Triadic Color

#42d674
```
#42d674 rgb(66,214,116)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#d642a4
```
#d642a4 rgb(214,66,164)
```
#d67442
```
#d67442 rgb(214,116,66)
```

Tetradic Color

#247ba7
```
#247ba7 rgb(36,123,167)
```
#298abc
```
#298abc rgb(41,138,188)
```
#2d9ad1
```
#2d9ad1 rgb(45,154,209)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#57aedb
```
#57aedb rgb(87,174,219)
```
#6cb8df
```
#6cb8df rgb(108,184,223)
```
#81c2e4
```
#81c2e4 rgb(129,194,228)
```

Monochromatic Color

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

#42c9d6
```
#42c9d6 rgb(66,201,214)
```
#42bdd6
```
#42bdd6 rgb(66,189,214)
```
#42b0d6
```
#42b0d6 rgb(66,176,214)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#4298d6
```
#4298d6 rgb(66,152,214)
```
#428bd6
```
#428bd6 rgb(66,139,214)
```
#427fd6
```
#427fd6 rgb(66,127,214)
```

Similar Colors

Text with hexadecimal color #42a4d6

This text has a font color of #42a4d6.

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

#42a4d6 background color

This paragraph has a background color of #42a4d6.

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

#42a4d6 border color

This element has a border color of #42a4d6.

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

CSS codes

.text {color:#42a4d6;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040f15
```
#040f15 rgb(4,15,21)
```
#081b25
```
#081b25 rgb(8,27,37)
```
#0b2735
```
#0b2735 rgb(11,39,53)
```
#0f3345
```
#0f3345 rgb(15,51,69)
```
#123f55
```
#123f55 rgb(18,63,85)
```
#164a65
```
#164a65 rgb(22,74,101)
```
#195675
```
#195675 rgb(25,86,117)
```
#1d6285
```
#1d6285 rgb(29,98,133)
```
#206e95
```
#206e95 rgb(32,110,149)
```
#247aa6
```
#247aa6 rgb(36,122,166)
```
#2786b6
```
#2786b6 rgb(39,134,182)
```
#2b92c6
```
#2b92c6 rgb(43,146,198)
```

Shade Color Variation

#329cd3
```
#329cd3 rgb(50,156,211)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#52acd9
```
#52acd9 rgb(82,172,217)
```
#62b4dd
```
#62b4dd rgb(98,180,221)
```
#72bbe0
```
#72bbe0 rgb(114,187,224)
```
#82c3e4
```
#82c3e4 rgb(130,195,228)
```
#93cbe7
```
#93cbe7 rgb(147,203,231)
```
#a3d3eb
```
#a3d3eb rgb(163,211,235)
```
#b3daee
```
#b3daee rgb(179,218,238)
```
#c3e2f2
```
#c3e2f2 rgb(195,226,242)
```
#d3eaf5
```
#d3eaf5 rgb(211,234,245)
```
#e3f2f9
```
#e3f2f9 rgb(227,242,249)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#898d8f
```
#898d8f rgb(137,141,143)
```
#809098
```
#809098 rgb(128,144,152)
```
#7793a1
```
#7793a1 rgb(119,147,161)
```
#6e96aa
```
#6e96aa rgb(110,150,170)
```
#6599b3
```
#6599b3 rgb(101,153,179)
```
#5d9bbb
```
#5d9bbb rgb(93,155,187)
```
#549ec4
```
#549ec4 rgb(84,158,196)
```
#4ba1cd
```
#4ba1cd rgb(75,161,205)
```
#42a4d6
```
#42a4d6 rgb(66,164,214)
```
#39a7df
```
#39a7df rgb(57,167,223)
```
#30aae8
```
#30aae8 rgb(48,170,232)
```
#27adf1
```
#27adf1 rgb(39,173,241)
```
#1faff9
```
#1faff9 rgb(31,175,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7d919b Atypical Achromatopsia 0.001% of the population

Dichromacy

#909dd0 Protanopia 1% of men
#879edc Deuteranopia 1% of men
#31aebb Tritanopia 0.001% of the population

Trichromacy

#73a0d2 Protanomaly 1% of men, 0.01% of women
#6ea0d9 Deuteranomaly 6% of men, 0.4% of women
#37aac4 Tritanomaly 0.01% of the population

#42a4d6 hex color

#42a4d6 Color Information

#42a4d6 Color Conversion

Color Schemes with #42a4d6

Alternatives to #42a4d6

#42a4d6 Preview

Shades and Tints of #42a4d6

Tones of #42a4d6

Color Blindness Simulator