#42b3dd hex color

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

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

● #42b3dd color description : Bright blue.

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

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

CIE-LAB	68.472, -18.404, -30.358
XYZ	31.415, 38.616, 74.201
xyY	0.218, 0.268, 38.616
CIE-LCH	68.472, 35.501, 238.775
CIE-LUV	68.472, -41.869, -45.615
Hunter-Lab	62.142, -18.512, -27.296
Binary	01000010, 10110011, 11011101

#42b3dd
```
#42b3dd rgb(66,179,221)
```
#dd6c42
```
#dd6c42 rgb(221,108,66)
```

Complementary Color

#42ddba
```
#42ddba rgb(66,221,186)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#4266dd
```
#4266dd rgb(66,102,221)
```

Analogous Color

#ddba42
```
#ddba42 rgb(221,186,66)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#dd4266
```
#dd4266 rgb(221,66,102)
```

Split Complementary Color

#b3dd42
```
#b3dd42 rgb(179,221,66)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#dd42b3
```
#dd42b3 rgb(221,66,179)
```

Triadic Color

#42dd6c
```
#42dd6c rgb(66,221,108)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#dd42b3
```
#dd42b3 rgb(221,66,179)
```
#dd6c42
```
#dd6c42 rgb(221,108,66)
```

Tetradic Color

#208bb2
```
#208bb2 rgb(32,139,178)
```
#249cc8
```
#249cc8 rgb(36,156,200)
```
#2caad9
```
#2caad9 rgb(44,170,217)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#58bce1
```
#58bce1 rgb(88,188,225)
```
#6dc4e5
```
#6dc4e5 rgb(109,196,229)
```
#83cde9
```
#83cde9 rgb(131,205,233)
```

Monochromatic Color

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

#42dadd
```
#42dadd rgb(66,218,221)
```
#42cddd
```
#42cddd rgb(66,205,221)
```
#42c0dd
```
#42c0dd rgb(66,192,221)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#42a6dd
```
#42a6dd rgb(66,166,221)
```
#4299dd
```
#4299dd rgb(66,153,221)
```
#428cdd
```
#428cdd rgb(66,140,221)
```

Similar Colors

Text with hexadecimal color #42b3dd

This text has a font color of #42b3dd.

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

#42b3dd background color

This paragraph has a background color of #42b3dd.

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

#42b3dd border color

This element has a border color of #42b3dd.

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

CSS codes

.text {color:#42b3dd;}

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

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

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)
```
#2089b1
```
#2089b1 rgb(32,137,177)
```
#2396c1
```
#2396c1 rgb(35,150,193)
```
#26a3d2
```
#26a3d2 rgb(38,163,210)
```

Shade Color Variation

#31acda
```
#31acda rgb(49,172,218)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#53bae0
```
#53bae0 rgb(83,186,224)
```
#63c0e3
```
#63c0e3 rgb(99,192,227)
```
#74c7e6
```
#74c7e6 rgb(116,199,230)
```
#84cee9
```
#84cee9 rgb(132,206,233)
```
#95d4ec
```
#95d4ec rgb(149,212,236)
```
#a6dbef
```
#a6dbef rgb(166,219,239)
```
#b6e2f2
```
#b6e2f2 rgb(182,226,242)
```
#c7e8f5
```
#c7e8f5 rgb(199,232,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 #28bff7 is the most saturated one.

#8f9090
```
#8f9090 rgb(143,144,144)
```
#879498
```
#879498 rgb(135,148,152)
```
#7e97a1
```
#7e97a1 rgb(126,151,161)
```
#759baa
```
#759baa rgb(117,155,170)
```
#6d9fb2
```
#6d9fb2 rgb(109,159,178)
```
#64a3bb
```
#64a3bb rgb(100,163,187)
```
#5ca7c3
```
#5ca7c3 rgb(92,167,195)
```
#53abcc
```
#53abcc rgb(83,171,204)
```
#4bafd4
```
#4bafd4 rgb(75,175,212)
```
#42b3dd
```
#42b3dd rgb(66,179,221)
```
#39b7e6
```
#39b7e6 rgb(57,183,230)
```
#31bbee
```
#31bbee rgb(49,187,238)
```
#28bff7
```
#28bff7 rgb(40,191,247)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#859ca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa9d6 Protanopia 1% of men
#99a9e4 Deuteranopia 1% of men
#38bbc8 Tritanopia 0.001% of the population

Trichromacy

#7dadd8 Protanomaly 1% of men, 0.01% of women
#79ace1 Deuteranomaly 6% of men, 0.4% of women
#3bb8d0 Tritanomaly 0.01% of the population

#42b3dd hex color

#42b3dd Color Information

#42b3dd Color Conversion

Color Schemes with #42b3dd

Alternatives to #42b3dd

#42b3dd Preview

Shades and Tints of #42b3dd

Tones of #42b3dd

Color Blindness Simulator