#42a3de hex color

In a RGB color space, hex #42a3de is composed of 25.9% red, 63.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 26.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 202.7 degrees, a saturation of 70.3% and a lightness of 56.5%. #42a3de color hex could be obtained by blending #84ffff with #0047bd. Closest websafe color is: #3399cc.

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

● #42a3de color description : Bright blue.

The hexadecimal color #42a3de has RGB values of R:66, G:163, B:222 and CMYK values of C:0.7, M:0.27, Y:0, K:0.13. Its decimal value is 4367326.

Hex triplet	42a3de	`#42a3de`
RGB Decimal	66, 163, 222	`rgb(66,163,222)`
RGB Percent	25.9, 63.9, 87.1	`rgb(25.9%,63.9%,87.1%)`
CMYK	70, 27, 0, 13
HSL	202.7°, 70.3, 56.5	`hsl(202.7,70.3%,56.5%)`
HSV (or HSB)	202.7°, 70.3, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.856, -9.444, -38.078
XYZ	28.526, 32.624, 73.897
xyY	0.211, 0.242, 32.624
CIE-LCH	63.856, 39.231, 256.071
CIE-LUV	63.856, -36.16, -59.212
Hunter-Lab	57.118, -10.81, -36.725
Binary	01000010, 10100011, 11011110

#42a3de
```
#42a3de rgb(66,163,222)
```
#de7d42
```
#de7d42 rgb(222,125,66)
```

Complementary Color

#42decb
```
#42decb rgb(66,222,203)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#4255de
```
#4255de rgb(66,85,222)
```

Analogous Color

#decb42
```
#decb42 rgb(222,203,66)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#de4255
```
#de4255 rgb(222,66,85)
```

Split Complementary Color

#a3de42
```
#a3de42 rgb(163,222,66)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#de42a3
```
#de42a3 rgb(222,66,163)
```

Triadic Color

#42de7d
```
#42de7d rgb(66,222,125)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#de42a3
```
#de42a3 rgb(222,66,163)
```
#de7d42
```
#de7d42 rgb(222,125,66)
```

Tetradic Color

#1f7cb4
```
#1f7cb4 rgb(31,124,180)
```
#238bca
```
#238bca rgb(35,139,202)
```
#2c98da
```
#2c98da rgb(44,152,218)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#58aee2
```
#58aee2 rgb(88,174,226)
```
#6db8e6
```
#6db8e6 rgb(109,184,230)
```
#83c3e9
```
#83c3e9 rgb(131,195,233)
```

Monochromatic Color

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

#42cade
```
#42cade rgb(66,202,222)
```
#42bdde
```
#42bdde rgb(66,189,222)
```
#42b0de
```
#42b0de rgb(66,176,222)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#4296de
```
#4296de rgb(66,150,222)
```
#4289de
```
#4289de rgb(66,137,222)
```
#427cde
```
#427cde rgb(66,124,222)
```

Similar Colors

Text with hexadecimal color #42a3de

This text has a font color of #42a3de.

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

#42a3de background color

This paragraph has a background color of #42a3de.

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

#42a3de border color

This element has a border color of #42a3de.

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

CSS codes

.text {color:#42a3de;}

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

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

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

#02080b
```
#02080b rgb(2,8,11)
```
#05131c
```
#05131c rgb(5,19,28)
```
#081f2d
```
#081f2d rgb(8,31,45)
```
#0b2a3d
```
#0b2a3d rgb(11,42,61)
```
#0e364e
```
#0e364e rgb(14,54,78)
```
#11415f
```
#11415f rgb(17,65,95)
```
#134d70
```
#134d70 rgb(19,77,112)
```
#165880
```
#165880 rgb(22,88,128)
```
#196491
```
#196491 rgb(25,100,145)
```
#1c6fa2
```
#1c6fa2 rgb(28,111,162)
```
#1f7bb2
```
#1f7bb2 rgb(31,123,178)
```
#2286c3
```
#2286c3 rgb(34,134,195)
```
#2592d4
```
#2592d4 rgb(37,146,212)
```

Shade Color Variation

#319bdb
```
#319bdb rgb(49,155,219)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#53abe1
```
#53abe1 rgb(83,171,225)
```
#63b3e4
```
#63b3e4 rgb(99,179,228)
```
#74bbe7
```
#74bbe7 rgb(116,187,231)
```
#85c4ea
```
#85c4ea rgb(133,196,234)
```
#95cced
```
#95cced rgb(149,204,237)
```
#a6d4ef
```
#a6d4ef rgb(166,212,239)
```
#b7dcf2
```
#b7dcf2 rgb(183,220,242)
```
#c8e4f5
```
#c8e4f5 rgb(200,228,245)
```
#d8ecf8
```
#d8ecf8 rgb(216,236,248)
```
#e9f4fb
```
#e9f4fb rgb(233,244,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#8f9091
```
#8f9091 rgb(143,144,145)
```
#86929a
```
#86929a rgb(134,146,154)
```
#7e94a2
```
#7e94a2 rgb(126,148,162)
```
#7597ab
```
#7597ab rgb(117,151,171)
```
#6d99b3
```
#6d99b3 rgb(109,153,179)
```
#649bbc
```
#649bbc rgb(100,155,188)
```
#5c9dc4
```
#5c9dc4 rgb(92,157,196)
```
#539fcd
```
#539fcd rgb(83,159,205)
```
#4ba1d5
```
#4ba1d5 rgb(75,161,213)
```
#42a3de
```
#42a3de rgb(66,163,222)
```
#39a5e7
```
#39a5e7 rgb(57,165,231)
```
#31a7ef
```
#31a7ef rgb(49,167,239)
```
#28a9f8
```
#28a9f8 rgb(40,169,248)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9dd8 Protanopia 1% of men
#809fe3 Deuteranopia 1% of men
#26aebb Tritanopia 0.001% of the population

Trichromacy

#719fda Protanomaly 1% of men, 0.01% of women
#69a0e1 Deuteranomaly 6% of men, 0.4% of women
#30aac8 Tritanomaly 0.01% of the population

#42a3de hex color

#42a3de Color Information

#42a3de Color Conversion

Color Schemes with #42a3de

Alternatives to #42a3de

#42a3de Preview

Shades and Tints of #42a3de

Tones of #42a3de

Color Blindness Simulator