#42abd6 hex color

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

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

● #42abd6 color description : Moderate blue.

The hexadecimal color #42abd6 has RGB values of R:66, G:171, B:214 and CMYK values of C:0.69, M:0.2, Y:0, K:0.16. Its decimal value is 4369366.

Hex triplet	42abd6	`#42abd6`
RGB Decimal	66, 171, 214	`rgb(66,171,214)`
RGB Percent	25.9, 67.1, 83.9	`rgb(25.9%,67.1%,83.9%)`
CMYK	69, 20, 0, 16
HSL	197.4°, 64.3, 54.9	`hsl(197.4,64.3%,54.9%)`
HSV (or HSB)	197.4°, 69.2, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.855, -16.432, -30.552
XYZ	28.944, 35.137, 68.871
xyY	0.218, 0.264, 35.137
CIE-LCH	65.855, 34.691, 241.726
CIE-LUV	65.855, -39.401, -45.945
Hunter-Lab	59.276, -16.573, -27.394
Binary	01000010, 10101011, 11010110

#42abd6
```
#42abd6 rgb(66,171,214)
```
#d66d42
```
#d66d42 rgb(214,109,66)
```

Complementary Color

#42d6b7
```
#42d6b7 rgb(66,214,183)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#4261d6
```
#4261d6 rgb(66,97,214)
```

Analogous Color

#d6b742
```
#d6b742 rgb(214,183,66)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#d64261
```
#d64261 rgb(214,66,97)
```

Split Complementary Color

#abd642
```
#abd642 rgb(171,214,66)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#d642ab
```
#d642ab rgb(214,66,171)
```

Triadic Color

#42d66d
```
#42d66d rgb(66,214,109)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#d642ab
```
#d642ab rgb(214,66,171)
```
#d66d42
```
#d66d42 rgb(214,109,66)
```

Tetradic Color

#2481a7
```
#2481a7 rgb(36,129,167)
```
#2991bc
```
#2991bc rgb(41,145,188)
```
#2da2d1
```
#2da2d1 rgb(45,162,209)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#57b4db
```
#57b4db rgb(87,180,219)
```
#6cbedf
```
#6cbedf rgb(108,190,223)
```
#81c7e4
```
#81c7e4 rgb(129,199,228)
```

Monochromatic Color

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

#42d0d6
```
#42d0d6 rgb(66,208,214)
```
#42c4d6
```
#42c4d6 rgb(66,196,214)
```
#42b7d6
```
#42b7d6 rgb(66,183,214)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#429fd6
```
#429fd6 rgb(66,159,214)
```
#4292d6
```
#4292d6 rgb(66,146,214)
```
#4286d6
```
#4286d6 rgb(66,134,214)
```

Similar Colors

Text with hexadecimal color #42abd6

This text has a font color of #42abd6.

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

#42abd6 background color

This paragraph has a background color of #42abd6.

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

#42abd6 border color

This element has a border color of #42abd6.

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

CSS codes

.text {color:#42abd6;}

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

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

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 #f3fafc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#041015
```
#041015 rgb(4,16,21)
```
#081c25
```
#081c25 rgb(8,28,37)
```
#0b2935
```
#0b2935 rgb(11,41,53)
```
#0f3545
```
#0f3545 rgb(15,53,69)
```
#124255
```
#124255 rgb(18,66,85)
```
#164e65
```
#164e65 rgb(22,78,101)
```
#195b75
```
#195b75 rgb(25,91,117)
```
#1d6785
```
#1d6785 rgb(29,103,133)
```
#207395
```
#207395 rgb(32,115,149)
```
#2480a6
```
#2480a6 rgb(36,128,166)
```
#278cb6
```
#278cb6 rgb(39,140,182)
```
#2b99c6
```
#2b99c6 rgb(43,153,198)
```

Shade Color Variation

#32a4d3
```
#32a4d3 rgb(50,164,211)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#52b2d9
```
#52b2d9 rgb(82,178,217)
```
#62b9dd
```
#62b9dd rgb(98,185,221)
```
#72c0e0
```
#72c0e0 rgb(114,192,224)
```
#82c8e4
```
#82c8e4 rgb(130,200,228)
```
#93cfe7
```
#93cfe7 rgb(147,207,231)
```
#a3d6eb
```
#a3d6eb rgb(163,214,235)
```
#b3ddee
```
#b3ddee rgb(179,221,238)
```
#c3e4f2
```
#c3e4f2 rgb(195,228,242)
```
#d3ebf5
```
#d3ebf5 rgb(211,235,245)
```
#e3f3f9
```
#e3f3f9 rgb(227,243,249)
```
#f3fafc
```
#f3fafc rgb(243,250,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 #1fbaf9 is the most saturated one.

#898d8f
```
#898d8f rgb(137,141,143)
```
#809198
```
#809198 rgb(128,145,152)
```
#7795a1
```
#7795a1 rgb(119,149,161)
```
#6e98aa
```
#6e98aa rgb(110,152,170)
```
#659cb3
```
#659cb3 rgb(101,156,179)
```
#5da0bb
```
#5da0bb rgb(93,160,187)
```
#54a4c4
```
#54a4c4 rgb(84,164,196)
```
#4ba7cd
```
#4ba7cd rgb(75,167,205)
```
#42abd6
```
#42abd6 rgb(66,171,214)
```
#39afdf
```
#39afdf rgb(57,175,223)
```
#30b2e8
```
#30b2e8 rgb(48,178,232)
```
#27b6f1
```
#27b6f1 rgb(39,182,241)
```
#1fbaf9
```
#1fbaf9 rgb(31,186,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#81969f Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a3d0 Protanopia 1% of men
#91a3dc Deuteranopia 1% of men
#37b3c0 Tritanopia 0.001% of the population

Trichromacy

#79a6d2 Protanomaly 1% of men, 0.01% of women
#74a5da Deuteranomaly 6% of men, 0.4% of women
#3bb0c8 Tritanomaly 0.01% of the population

#42abd6 hex color

#42abd6 Color Information

#42abd6 Color Conversion

Color Schemes with #42abd6

Alternatives to #42abd6

#42abd6 Preview

Shades and Tints of #42abd6

Tones of #42abd6

Color Blindness Simulator