#42bddd hex color

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

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

● #42bddd color description : Bright cyan.

The hexadecimal color #42bddd has RGB values of R:66, G:189, B:221 and CMYK values of C:0.7, M:0.14, Y:0, K:0.13. Its decimal value is 4373981.

Hex triplet	42bddd	`#42bddd`
RGB Decimal	66, 189, 221	`rgb(66,189,221)`
RGB Percent	25.9, 74.1, 86.7	`rgb(25.9%,74.1%,86.7%)`
CMYK	70, 14, 0, 13
HSL	192.4°, 69.5, 56.3	`hsl(192.4,69.5%,56.3%)`
HSV (or HSB)	192.4°, 70.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.399, -23.562, -25.857
XYZ	33.492, 42.771, 74.893
xyY	0.222, 0.283, 42.771
CIE-LCH	71.399, 34.982, 227.66
CIE-LUV	71.399, -45.429, -37.593
Hunter-Lab	65.4, -23.037, -22.117
Binary	01000010, 10111101, 11011101

#42bddd
```
#42bddd rgb(66,189,221)
```
#dd6242
```
#dd6242 rgb(221,98,66)
```

Complementary Color

#42ddb0
```
#42ddb0 rgb(66,221,176)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#4270dd
```
#4270dd rgb(66,112,221)
```

Analogous Color

#ddb042
```
#ddb042 rgb(221,176,66)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#dd4270
```
#dd4270 rgb(221,66,112)
```

Split Complementary Color

#bddd42
```
#bddd42 rgb(189,221,66)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#dd42bd
```
#dd42bd rgb(221,66,189)
```

Triadic Color

#42dd62
```
#42dd62 rgb(66,221,98)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#dd42bd
```
#dd42bd rgb(221,66,189)
```
#dd6242
```
#dd6242 rgb(221,98,66)
```

Tetradic Color

#2094b2
```
#2094b2 rgb(32,148,178)
```
#24a6c8
```
#24a6c8 rgb(36,166,200)
```
#2cb5d9
```
#2cb5d9 rgb(44,181,217)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#58c5e1
```
#58c5e1 rgb(88,197,225)
```
#6dcce5
```
#6dcce5 rgb(109,204,229)
```
#83d4e9
```
#83d4e9 rgb(131,212,233)
```

Monochromatic Color

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

#42ddd6
```
#42ddd6 rgb(66,221,214)
```
#42d7dd
```
#42d7dd rgb(66,215,221)
```
#42cadd
```
#42cadd rgb(66,202,221)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#42b0dd
```
#42b0dd rgb(66,176,221)
```
#42a3dd
```
#42a3dd rgb(66,163,221)
```
#4296dd
```
#4296dd rgb(66,150,221)
```

Similar Colors

Text with hexadecimal color #42bddd

This text has a font color of #42bddd.

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

#42bddd background color

This paragraph has a background color of #42bddd.

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

#42bddd border color

This element has a border color of #42bddd.

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

CSS codes

.text {color:#42bddd;}

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

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

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

#02090a
```
#02090a rgb(2,9,10)
```
#05171b
```
#05171b rgb(5,23,27)
```
#08242c
```
#08242c rgb(8,36,44)
```
#0b323c
```
#0b323c rgb(11,50,60)
```
#0e404d
```
#0e404d rgb(14,64,77)
```
#114e5e
```
#114e5e rgb(17,78,94)
```
#145c6e
```
#145c6e rgb(20,92,110)
```
#17697f
```
#17697f rgb(23,105,127)
```
#1a778f
```
#1a778f rgb(26,119,143)
```
#1d85a0
```
#1d85a0 rgb(29,133,160)
```
#2093b1
```
#2093b1 rgb(32,147,177)
```
#23a1c1
```
#23a1c1 rgb(35,161,193)
```
#26aed2
```
#26aed2 rgb(38,174,210)
```

Shade Color Variation

#31b7da
```
#31b7da rgb(49,183,218)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#53c3e0
```
#53c3e0 rgb(83,195,224)
```
#63c9e3
```
#63c9e3 rgb(99,201,227)
```
#74cee6
```
#74cee6 rgb(116,206,230)
```
#84d4e9
```
#84d4e9 rgb(132,212,233)
```
#95daec
```
#95daec rgb(149,218,236)
```
#a6e0ef
```
#a6e0ef rgb(166,224,239)
```
#b6e6f2
```
#b6e6f2 rgb(182,230,242)
```
#c7ebf5
```
#c7ebf5 rgb(199,235,245)
```
#d8f1f8
```
#d8f1f8 rgb(216,241,248)
```
#e8f7fb
```
#e8f7fb rgb(232,247,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 #28ccf7 is the most saturated one.

#8f9090
```
#8f9090 rgb(143,144,144)
```
#879598
```
#879598 rgb(135,149,152)
```
#7e9aa1
```
#7e9aa1 rgb(126,154,161)
```
#759faa
```
#759faa rgb(117,159,170)
```
#6da4b2
```
#6da4b2 rgb(109,164,178)
```
#64a9bb
```
#64a9bb rgb(100,169,187)
```
#5caec3
```
#5caec3 rgb(92,174,195)
```
#53b3cc
```
#53b3cc rgb(83,179,204)
```
#4bb8d4
```
#4bb8d4 rgb(75,184,212)
```
#42bddd
```
#42bddd rgb(66,189,221)
```
#39c2e6
```
#39c2e6 rgb(57,194,230)
```
#31c7ee
```
#31c7ee rgb(49,199,238)
```
#28ccf7
```
#28ccf7 rgb(40,204,247)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8aa3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d5 Protanopia 1% of men
#a6b0e4 Deuteranopia 1% of men
#40c2d1 Tritanopia 0.001% of the population

Trichromacy

#84b5d8 Protanomaly 1% of men, 0.01% of women
#82b4e2 Deuteranomaly 6% of men, 0.4% of women
#40c0d5 Tritanomaly 0.01% of the population

#42bddd hex color

#42bddd Color Information

#42bddd Color Conversion

Color Schemes with #42bddd

Alternatives to #42bddd

#42bddd Preview

Shades and Tints of #42bddd

Tones of #42bddd

Color Blindness Simulator