#42b8dd hex color

In a RGB color space, hex #42b8dd is composed of 25.9% red, 72.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 16.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 194.3 degrees, a saturation of 69.5% and a lightness of 56.3%. #42b8dd color hex could be obtained by blending #84ffff with #0071bb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 26
- G 72
- B 87
RGB color chart
- C 70
- M 17
- Y 0
- K 13
CMYK color chart

● #42b8dd color description : Bright cyan.

The hexadecimal color #42b8dd has RGB values of R:66, G:184, B:221 and CMYK values of C:0.7, M:0.17, Y:0, K:0.13. Its decimal value is 4372701.

Hex triplet	42b8dd	`#42b8dd`
RGB Decimal	66, 184, 221	`rgb(66,184,221)`
RGB Percent	25.9, 72.2, 86.7	`rgb(25.9%,72.2%,86.7%)`
CMYK	70, 17, 0, 13
HSL	194.3°, 69.5, 56.3	`hsl(194.3,69.5%,56.3%)`
HSV (or HSB)	194.3°, 70.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.935, -21.005, -28.105
XYZ	32.435, 40.657, 74.541
xyY	0.22, 0.275, 40.657
CIE-LCH	69.935, 35.087, 233.227
CIE-LUV	69.935, -43.648, -41.604
Hunter-Lab	63.763, -20.785, -24.678
Binary	01000010, 10111000, 11011101

#42b8dd
```
#42b8dd rgb(66,184,221)
```
#dd6742
```
#dd6742 rgb(221,103,66)
```

Complementary Color

#42ddb5
```
#42ddb5 rgb(66,221,181)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#426bdd
```
#426bdd rgb(66,107,221)
```

Analogous Color

#ddb542
```
#ddb542 rgb(221,181,66)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#dd426b
```
#dd426b rgb(221,66,107)
```

Split Complementary Color

#b8dd42
```
#b8dd42 rgb(184,221,66)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#dd42b8
```
#dd42b8 rgb(221,66,184)
```

Triadic Color

#42dd67
```
#42dd67 rgb(66,221,103)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#dd42b8
```
#dd42b8 rgb(221,66,184)
```
#dd6742
```
#dd6742 rgb(221,103,66)
```

Tetradic Color

#208fb2
```
#208fb2 rgb(32,143,178)
```
#24a1c8
```
#24a1c8 rgb(36,161,200)
```
#2cb0d9
```
#2cb0d9 rgb(44,176,217)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#58c0e1
```
#58c0e1 rgb(88,192,225)
```
#6dc8e5
```
#6dc8e5 rgb(109,200,229)
```
#83d0e9
```
#83d0e9 rgb(131,208,233)
```

Monochromatic Color

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

#42dddb
```
#42dddb rgb(66,221,219)
```
#42d2dd
```
#42d2dd rgb(66,210,221)
```
#42c5dd
```
#42c5dd rgb(66,197,221)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#42abdd
```
#42abdd rgb(66,171,221)
```
#429edd
```
#429edd rgb(66,158,221)
```
#4291dd
```
#4291dd rgb(66,145,221)
```

Similar Colors

Text with hexadecimal color #42b8dd

This text has a font color of #42b8dd.

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

#42b8dd background color

This paragraph has a background color of #42b8dd.

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

#42b8dd border color

This element has a border color of #42b8dd.

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

CSS codes

.text {color:#42b8dd;}

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

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

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

#02080a
```
#02080a rgb(2,8,10)
```
#05161b
```
#05161b rgb(5,22,27)
```
#08232c
```
#08232c rgb(8,35,44)
```
#0b313c
```
#0b313c rgb(11,49,60)
```
#0e3e4d
```
#0e3e4d rgb(14,62,77)
```
#114b5e
```
#114b5e rgb(17,75,94)
```
#14596e
```
#14596e rgb(20,89,110)
```
#17667f
```
#17667f rgb(23,102,127)
```
#1a738f
```
#1a738f rgb(26,115,143)
```
#1d81a0
```
#1d81a0 rgb(29,129,160)
```
#208eb1
```
#208eb1 rgb(32,142,177)
```
#239cc1
```
#239cc1 rgb(35,156,193)
```
#26a9d2
```
#26a9d2 rgb(38,169,210)
```

Shade Color Variation

#31b2da
```
#31b2da rgb(49,178,218)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#53bee0
```
#53bee0 rgb(83,190,224)
```
#63c4e3
```
#63c4e3 rgb(99,196,227)
```
#74cbe6
```
#74cbe6 rgb(116,203,230)
```
#84d1e9
```
#84d1e9 rgb(132,209,233)
```
#95d7ec
```
#95d7ec rgb(149,215,236)
```
#a6ddef
```
#a6ddef rgb(166,221,239)
```
#b6e4f2
```
#b6e4f2 rgb(182,228,242)
```
#c7eaf5
```
#c7eaf5 rgb(199,234,245)
```
#d8f0f8
```
#d8f0f8 rgb(216,240,248)
```
#e8f6fb
```
#e8f6fb rgb(232,246,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9090 is the less saturated color, while #28c5f7 is the most saturated one.

#8f9090
```
#8f9090 rgb(143,144,144)
```
#879498
```
#879498 rgb(135,148,152)
```
#7e99a1
```
#7e99a1 rgb(126,153,161)
```
#759daa
```
#759daa rgb(117,157,170)
```
#6da2b2
```
#6da2b2 rgb(109,162,178)
```
#64a6bb
```
#64a6bb rgb(100,166,187)
```
#5cabc3
```
#5cabc3 rgb(92,171,195)
```
#53afcc
```
#53afcc rgb(83,175,204)
```
#4bb4d4
```
#4bb4d4 rgb(75,180,212)
```
#42b8dd
```
#42b8dd rgb(66,184,221)
```
#39bce6
```
#39bce6 rgb(57,188,230)
```
#31c1ee
```
#31c1ee rgb(49,193,238)
```
#28c5f7
```
#28c5f7 rgb(40,197,247)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#889fa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5add5 Protanopia 1% of men
#a0ace4 Deuteranopia 1% of men
#3cbecc Tritanopia 0.001% of the population

Trichromacy

#81b1d8 Protanomaly 1% of men, 0.01% of women
#7db0e1 Deuteranomaly 6% of men, 0.4% of women
#3ebcd2 Tritanomaly 0.01% of the population

#42b8dd hex color

#42b8dd Color Information

#42b8dd Color Conversion

Color Schemes with #42b8dd

Alternatives to #42b8dd

#42b8dd Preview

Shades and Tints of #42b8dd

Tones of #42b8dd

Color Blindness Simulator