#42a7b3 hex color

In a RGB color space, hex #42a7b3 is composed of 25.9% red, 65.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 6.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 186.4 degrees, a saturation of 46.1% and a lightness of 48%. #42a7b3 color hex could be obtained by blending #84ffff with #004f67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 65
- B 70
RGB color chart
- C 63
- M 7
- Y 0
- K 30
CMYK color chart

● #42a7b3 color description : Moderate cyan.

The hexadecimal color #42a7b3 has RGB values of R:66, G:167, B:179 and CMYK values of C:0.63, M:0.07, Y:0, K:0.3. Its decimal value is 4368307.

Hex triplet	42a7b3	`#42a7b3`
RGB Decimal	66, 167, 179	`rgb(66,167,179)`
RGB Percent	25.9, 65.5, 70.2	`rgb(25.9%,65.5%,70.2%)`
CMYK	63, 7, 0, 30
HSL	186.4°, 46.1, 48	`hsl(186.4,46.1%,48%)`
HSV (or HSB)	186.4°, 63.1, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.383, -25.263, -14.877
XYZ	24.2, 32.048, 47.556
xyY	0.233, 0.309, 32.048
CIE-LCH	63.383, 29.318, 210.493
CIE-LUV	63.383, -39.851, -18.902
Hunter-Lab	56.611, -22.766, -10.178
Binary	01000010, 10100111, 10110011

#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#b34e42
```
#b34e42 rgb(179,78,66)
```

Complementary Color

#42b387
```
#42b387 rgb(66,179,135)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#426fb3
```
#426fb3 rgb(66,111,179)
```

Analogous Color

#b38742
```
#b38742 rgb(179,135,66)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#b3426f
```
#b3426f rgb(179,66,111)
```

Split Complementary Color

#a7b342
```
#a7b342 rgb(167,179,66)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#b342a7
```
#b342a7 rgb(179,66,167)
```

Triadic Color

#42b34e
```
#42b34e rgb(66,179,78)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#b342a7
```
#b342a7 rgb(179,66,167)
```
#b34e42
```
#b34e42 rgb(179,78,66)
```

Tetradic Color

#2d737b
```
#2d737b rgb(45,115,123)
```
#34848e
```
#34848e rgb(52,132,142)
```
#3b96a0
```
#3b96a0 rgb(59,150,160)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#50b3be
```
#50b3be rgb(80,179,190)
```
#63bbc5
```
#63bbc5 rgb(99,187,197)
```
#75c3cc
```
#75c3cc rgb(117,195,204)
```

Monochromatic Color

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

#42b3a3
```
#42b3a3 rgb(66,179,163)
```
#42b3ac
```
#42b3ac rgb(66,179,172)
```
#42b0b3
```
#42b0b3 rgb(66,176,179)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#429eb3
```
#429eb3 rgb(66,158,179)
```
#4294b3
```
#4294b3 rgb(66,148,179)
```
#428bb3
```
#428bb3 rgb(66,139,179)
```

Similar Colors

Text with hexadecimal color #42a7b3

This text has a font color of #42a7b3.

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

#42a7b3 background color

This paragraph has a background color of #42a7b3.

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

#42a7b3 border color

This element has a border color of #42a7b3.

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

CSS codes

.text {color:#42a7b3;}

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

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

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, #030707 is the darkest color, while #f8fcfc is the lightest one.

#030707
```
#030707 rgb(3,7,7)
```
#081415
```
#081415 rgb(8,20,21)
```
#0d2124
```
#0d2124 rgb(13,33,36)
```
#122f32
```
#122f32 rgb(18,47,50)
```
#183c40
```
#183c40 rgb(24,60,64)
```
#1d494f
```
#1d494f rgb(29,73,79)
```
#22575d
```
#22575d rgb(34,87,93)
```
#28646b
```
#28646b rgb(40,100,107)
```
#2d727a
```
#2d727a rgb(45,114,122)
```
#327f88
```
#327f88 rgb(50,127,136)
```
#378c96
```
#378c96 rgb(55,140,150)
```
#3d9aa5
```
#3d9aa5 rgb(61,154,165)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```

Shade Color Variation

#4cb1bd
```
#4cb1bd rgb(76,177,189)
```
#5ab7c2
```
#5ab7c2 rgb(90,183,194)
```
#68bdc7
```
#68bdc7 rgb(104,189,199)
```
#77c4cd
```
#77c4cd rgb(119,196,205)
```
#85cad2
```
#85cad2 rgb(133,202,210)
```
#93d0d7
```
#93d0d7 rgb(147,208,215)
```
#a2d6dd
```
#a2d6dd rgb(162,214,221)
```
#b0dde2
```
#b0dde2 rgb(176,221,226)
```
#bee3e7
```
#bee3e7 rgb(190,227,231)
```
#cde9ec
```
#cde9ec rgb(205,233,236)
```
#dbeff2
```
#dbeff2 rgb(219,239,242)
```
#e9f6f7
```
#e9f6f7 rgb(233,246,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #718284 is the less saturated color, while #00dbf5 is the most saturated one.

#718284
```
#718284 rgb(113,130,132)
```
#68898d
```
#68898d rgb(104,137,141)
```
#5e9197
```
#5e9197 rgb(94,145,151)
```
#5598a0
```
#5598a0 rgb(85,152,160)
```
#4ba0aa
```
#4ba0aa rgb(75,160,170)
```
#42a7b3
```
#42a7b3 rgb(66,167,179)
```
#39aebc
```
#39aebc rgb(57,174,188)
```
#2fb6c6
```
#2fb6c6 rgb(47,182,198)
```
#26bdcf
```
#26bdcf rgb(38,189,207)
```
#1cc5d9
```
#1cc5d9 rgb(28,197,217)
```
#13cce2
```
#13cce2 rgb(19,204,226)
```
#09d4ec
```
#09d4ec rgb(9,212,236)
```
#00dbf5
```
#00dbf5 rgb(0,219,245)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7c9092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9dae Protanopia 1% of men
#9d9bbc Deuteranopia 1% of men
#4cabb7 Tritanopia 0.001% of the population

Trichromacy

#7ba1b0 Protanomaly 1% of men, 0.01% of women
#7c9fb9 Deuteranomaly 6% of men, 0.4% of women
#48a9b6 Tritanomaly 0.01% of the population

#42a7b3 hex color

#42a7b3 Color Information

#42a7b3 Color Conversion

Color Schemes with #42a7b3

Alternatives to #42a7b3

#42a7b3 Preview

Shades and Tints of #42a7b3

Tones of #42a7b3

Color Blindness Simulator