#42a3bd hex color

In a RGB color space, hex #42a3bd is composed of 25.9% red, 63.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 13.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 192.7 degrees, a saturation of 48.2% and a lightness of 50%. #42a3bd color hex could be obtained by blending #84ffff with #00477b. Closest websafe color is: #3399cc.

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

● #42a3bd color description : Moderate cyan.

The hexadecimal color #42a3bd has RGB values of R:66, G:163, B:189 and CMYK values of C:0.65, M:0.14, Y:0, K:0.26. Its decimal value is 4367293.

Hex triplet	42a3bd	`#42a3bd`
RGB Decimal	66, 163, 189	`rgb(66,163,189)`
RGB Percent	25.9, 63.9, 74.1	`rgb(25.9%,63.9%,74.1%)`
CMYK	65, 14, 0, 26
HSL	192.7°, 48.2, 50	`hsl(192.7,48.2%,50%)`
HSV (or HSB)	192.7°, 65.1, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.529, -20.16, -21.771
XYZ	24.527, 31.025, 52.837
xyY	0.226, 0.286, 31.025
CIE-LCH	62.529, 29.672, 227.2
CIE-LUV	62.529, -37.827, -30.652
Hunter-Lab	55.7, -18.874, -17.253
Binary	01000010, 10100011, 10111101

#42a3bd
```
#42a3bd rgb(66,163,189)
```
#bd5c42
```
#bd5c42 rgb(189,92,66)
```

Complementary Color

#42bd9a
```
#42bd9a rgb(66,189,154)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#4266bd
```
#4266bd rgb(66,102,189)
```

Analogous Color

#bd9a42
```
#bd9a42 rgb(189,154,66)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#bd4266
```
#bd4266 rgb(189,66,102)
```

Split Complementary Color

#a3bd42
```
#a3bd42 rgb(163,189,66)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#bd42a3
```
#bd42a3 rgb(189,66,163)
```

Triadic Color

#42bd5c
```
#42bd5c rgb(66,189,92)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#bd42a3
```
#bd42a3 rgb(189,66,163)
```
#bd5c42
```
#bd5c42 rgb(189,92,66)
```

Tetradic Color

#2e7284
```
#2e7284 rgb(46,114,132)
```
#358297
```
#358297 rgb(53,130,151)
```
#3b93aa
```
#3b93aa rgb(59,147,170)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#55acc4
```
#55acc4 rgb(85,172,196)
```
#68b5ca
```
#68b5ca rgb(104,181,202)
```
#7bbfd1
```
#7bbfd1 rgb(123,191,209)
```

Monochromatic Color

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

#42bdb8
```
#42bdb8 rgb(66,189,184)
```
#42b8bd
```
#42b8bd rgb(66,184,189)
```
#42adbd
```
#42adbd rgb(66,173,189)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#4299bd
```
#4299bd rgb(66,153,189)
```
#428fbd
```
#428fbd rgb(66,143,189)
```
#4284bd
```
#4284bd rgb(66,132,189)
```

Similar Colors

Text with hexadecimal color #42a3bd

This text has a font color of #42a3bd.

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

#42a3bd background color

This paragraph has a background color of #42a3bd.

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

#42a3bd border color

This element has a border color of #42a3bd.

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

CSS codes

.text {color:#42a3bd;}

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

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

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, #050d0f is the darkest color, while #ffffff is the lightest one.

#050d0f
```
#050d0f rgb(5,13,15)
```
#0a191d
```
#0a191d rgb(10,25,29)
```
#0f262c
```
#0f262c rgb(15,38,44)
```
#14323a
```
#14323a rgb(20,50,58)
```
#193f49
```
#193f49 rgb(25,63,73)
```
#1e4b57
```
#1e4b57 rgb(30,75,87)
```
#245866
```
#245866 rgb(36,88,102)
```
#296474
```
#296474 rgb(41,100,116)
```
#2e7183
```
#2e7183 rgb(46,113,131)
```
#337d91
```
#337d91 rgb(51,125,145)
```
#388aa0
```
#388aa0 rgb(56,138,160)
```
#3d96ae
```
#3d96ae rgb(61,150,174)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```

Shade Color Variation

#51aac2
```
#51aac2 rgb(81,170,194)
```
#5fb1c7
```
#5fb1c7 rgb(95,177,199)
```
#6eb8cc
```
#6eb8cc rgb(110,184,204)
```
#7cbfd1
```
#7cbfd1 rgb(124,191,209)
```
#8bc6d6
```
#8bc6d6 rgb(139,198,214)
```
#99cddb
```
#99cddb rgb(153,205,219)
```
#a8d5e1
```
#a8d5e1 rgb(168,213,225)
```
#b6dce6
```
#b6dce6 rgb(182,220,230)
```
#c5e3eb
```
#c5e3eb rgb(197,227,235)
```
#d3eaf0
```
#d3eaf0 rgb(211,234,240)
```
#e2f1f5
```
#e2f1f5 rgb(226,241,245)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8182 is the less saturated color, while #07c5f8 is the most saturated one.

#7d8182
```
#7d8182 rgb(125,129,130)
```
#73878c
```
#73878c rgb(115,135,140)
```
#698c96
```
#698c96 rgb(105,140,150)
```
#5f92a0
```
#5f92a0 rgb(95,146,160)
```
#5698a9
```
#5698a9 rgb(86,152,169)
```
#4c9db3
```
#4c9db3 rgb(76,157,179)
```
#42a3bd
```
#42a3bd rgb(66,163,189)
```
#38a9c7
```
#38a9c7 rgb(56,169,199)
```
#2eaed1
```
#2eaed1 rgb(46,174,209)
```
#25b4da
```
#25b4da rgb(37,180,218)
```
#1bbae4
```
#1bbae4 rgb(27,186,228)
```
#11bfee
```
#11bfee rgb(17,191,238)
```
#07c5f8
```
#07c5f8 rgb(7,197,248)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7b8e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969bb8 Protanopia 1% of men
#939ac5 Deuteranopia 1% of men
#44a9b6 Tritanopia 0.001% of the population

Trichromacy

#779eba Protanomaly 1% of men, 0.01% of women
#769dc2 Deuteranomaly 6% of men, 0.4% of women
#43a7b8 Tritanomaly 0.01% of the population

#42a3bd hex color

#42a3bd Color Information

#42a3bd Color Conversion

Color Schemes with #42a3bd

Alternatives to #42a3bd

#42a3bd Preview

Shades and Tints of #42a3bd

Tones of #42a3bd

Color Blindness Simulator