#42b4dd hex color

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

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

● #42b4dd color description : Bright blue.

The hexadecimal color #42b4dd has RGB values of R:66, G:180, B:221 and CMYK values of C:0.7, M:0.19, Y:0, K:0.13. Its decimal value is 4371677.

Hex triplet	42b4dd	`#42b4dd`
RGB Decimal	66, 180, 221	`rgb(66,180,221)`
RGB Percent	25.9, 70.6, 86.7	`rgb(25.9%,70.6%,86.7%)`
CMYK	70, 19, 0, 13
HSL	195.9°, 69.5, 56.3	`hsl(195.9,69.5%,56.3%)`
HSV (or HSB)	195.9°, 70.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.765, -18.928, -29.907
XYZ	31.616, 39.019, 74.268
xyY	0.218, 0.269, 39.019
CIE-LCH	68.765, 35.393, 237.671
CIE-LUV	68.765, -42.225, -44.813
Hunter-Lab	62.465, -18.968, -26.768
Binary	01000010, 10110100, 11011101

#42b4dd
```
#42b4dd rgb(66,180,221)
```
#dd6b42
```
#dd6b42 rgb(221,107,66)
```

Complementary Color

#42ddb9
```
#42ddb9 rgb(66,221,185)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#4267dd
```
#4267dd rgb(66,103,221)
```

Analogous Color

#ddb942
```
#ddb942 rgb(221,185,66)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#dd4267
```
#dd4267 rgb(221,66,103)
```

Split Complementary Color

#b4dd42
```
#b4dd42 rgb(180,221,66)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#dd42b4
```
#dd42b4 rgb(221,66,180)
```

Triadic Color

#42dd6b
```
#42dd6b rgb(66,221,107)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#dd42b4
```
#dd42b4 rgb(221,66,180)
```
#dd6b42
```
#dd6b42 rgb(221,107,66)
```

Tetradic Color

#208cb2
```
#208cb2 rgb(32,140,178)
```
#249dc8
```
#249dc8 rgb(36,157,200)
```
#2cabd9
```
#2cabd9 rgb(44,171,217)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#58bde1
```
#58bde1 rgb(88,189,225)
```
#6dc5e5
```
#6dc5e5 rgb(109,197,229)
```
#83cee9
```
#83cee9 rgb(131,206,233)
```

Monochromatic Color

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

#42dbdd
```
#42dbdd rgb(66,219,221)
```
#42cedd
```
#42cedd rgb(66,206,221)
```
#42c1dd
```
#42c1dd rgb(66,193,221)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#42a7dd
```
#42a7dd rgb(66,167,221)
```
#429add
```
#429add rgb(66,154,221)
```
#428ddd
```
#428ddd rgb(66,141,221)
```

Similar Colors

Text with hexadecimal color #42b4dd

This text has a font color of #42b4dd.

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

#42b4dd background color

This paragraph has a background color of #42b4dd.

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

#42b4dd border color

This element has a border color of #42b4dd.

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

CSS codes

.text {color:#42b4dd;}

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

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

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)
```
#05151b
```
#05151b rgb(5,21,27)
```
#08222c
```
#08222c rgb(8,34,44)
```
#0b2f3c
```
#0b2f3c rgb(11,47,60)
```
#0e3c4d
```
#0e3c4d rgb(14,60,77)
```
#11495e
```
#11495e rgb(17,73,94)
```
#14566e
```
#14566e rgb(20,86,110)
```
#17637f
```
#17637f rgb(23,99,127)
```
#1a708f
```
#1a708f rgb(26,112,143)
```
#1d7da0
```
#1d7da0 rgb(29,125,160)
```
#208ab1
```
#208ab1 rgb(32,138,177)
```
#2397c1
```
#2397c1 rgb(35,151,193)
```
#26a4d2
```
#26a4d2 rgb(38,164,210)
```

Shade Color Variation

#31adda
```
#31adda rgb(49,173,218)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#53bbe0
```
#53bbe0 rgb(83,187,224)
```
#63c1e3
```
#63c1e3 rgb(99,193,227)
```
#74c8e6
```
#74c8e6 rgb(116,200,230)
```
#84cee9
```
#84cee9 rgb(132,206,233)
```
#95d5ec
```
#95d5ec rgb(149,213,236)
```
#a6dcef
```
#a6dcef rgb(166,220,239)
```
#b6e2f2
```
#b6e2f2 rgb(182,226,242)
```
#c7e9f5
```
#c7e9f5 rgb(199,233,245)
```
#d8eff8
```
#d8eff8 rgb(216,239,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 #28c0f7 is the most saturated one.

#8f9090
```
#8f9090 rgb(143,144,144)
```
#879498
```
#879498 rgb(135,148,152)
```
#7e98a1
```
#7e98a1 rgb(126,152,161)
```
#759caa
```
#759caa rgb(117,156,170)
```
#6da0b2
```
#6da0b2 rgb(109,160,178)
```
#64a4bb
```
#64a4bb rgb(100,164,187)
```
#5ca8c3
```
#5ca8c3 rgb(92,168,195)
```
#53accc
```
#53accc rgb(83,172,204)
```
#4bb0d4
```
#4bb0d4 rgb(75,176,212)
```
#42b4dd
```
#42b4dd rgb(66,180,221)
```
#39b8e6
```
#39b8e6 rgb(57,184,230)
```
#31bcee
```
#31bcee rgb(49,188,238)
```
#28c0f7
```
#28c0f7 rgb(40,192,247)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#869da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad6 Protanopia 1% of men
#9aaae4 Deuteranopia 1% of men
#38bbc9 Tritanopia 0.001% of the population

Trichromacy

#7eaed8 Protanomaly 1% of men, 0.01% of women
#7aade1 Deuteranomaly 6% of men, 0.4% of women
#3cb8d0 Tritanomaly 0.01% of the population

#42b4dd hex color

#42b4dd Color Information

#42b4dd Color Conversion

Color Schemes with #42b4dd

Alternatives to #42b4dd

#42b4dd Preview

Shades and Tints of #42b4dd

Tones of #42b4dd

Color Blindness Simulator