#42b3af hex color

In a RGB color space, hex #42b3af is composed of 25.9% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 2.2% yellow and 29.8% black. It has a hue angle of 177.9 degrees, a saturation of 46.1% and a lightness of 48%. #42b3af color hex could be obtained by blending #84ffff with #00675f. Closest websafe color is: #33cc99.

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

● #42b3af color description : Moderate cyan.

The hexadecimal color #42b3af has RGB values of R:66, G:179, B:175 and CMYK values of C:0.63, M:0, Y:0.02, K:0.3. Its decimal value is 4371375.

Hex triplet	42b3af	`#42b3af`
RGB Decimal	66, 179, 175	`rgb(66,179,175)`
RGB Percent	25.9, 70.2, 68.6	`rgb(25.9%,70.2%,68.6%)`
CMYK	63, 0, 2, 30
HSL	177.9°, 46.1, 48	`hsl(177.9,46.1%,48%)`
HSV (or HSB)	177.9°, 63.1, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.894, -32.3, -7.393
XYZ	26.102, 36.491, 46.223
xyY	0.24, 0.335, 36.491
CIE-LCH	66.894, 33.135, 192.892
CIE-LUV	66.894, -44.548, -6.227
Hunter-Lab	60.408, -28.584, -3.082
Binary	01000010, 10110011, 10101111

#42b3af
```
#42b3af rgb(66,179,175)
```
#b34246
```
#b34246 rgb(179,66,70)
```

Complementary Color

#42b377
```
#42b377 rgb(66,179,119)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#427fb3
```
#427fb3 rgb(66,127,179)
```

Analogous Color

#b37742
```
#b37742 rgb(179,119,66)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#b3427f
```
#b3427f rgb(179,66,127)
```

Split Complementary Color

#b3af42
```
#b3af42 rgb(179,175,66)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#af42b3
```
#af42b3 rgb(175,66,179)
```

Triadic Color

#46b342
```
#46b342 rgb(70,179,66)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#af42b3
```
#af42b3 rgb(175,66,179)
```
#b34246
```
#b34246 rgb(179,66,70)
```

Tetradic Color

#2d7b78
```
#2d7b78 rgb(45,123,120)
```
#348e8b
```
#348e8b rgb(52,142,139)
```
#3ba09d
```
#3ba09d rgb(59,160,157)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#50bebb
```
#50bebb rgb(80,190,187)
```
#63c5c2
```
#63c5c2 rgb(99,197,194)
```
#75ccc9
```
#75ccc9 rgb(117,204,201)
```

Monochromatic Color

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

#42b393
```
#42b393 rgb(66,179,147)
```
#42b39c
```
#42b39c rgb(66,179,156)
```
#42b3a6
```
#42b3a6 rgb(66,179,166)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#42aeb3
```
#42aeb3 rgb(66,174,179)
```
#42a4b3
```
#42a4b3 rgb(66,164,179)
```
#429bb3
```
#429bb3 rgb(66,155,179)
```

Similar Colors

Text with hexadecimal color #42b3af

This text has a font color of #42b3af.

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

#42b3af background color

This paragraph has a background color of #42b3af.

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

#42b3af border color

This element has a border color of #42b3af.

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

CSS codes

.text {color:#42b3af;}

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

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

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)
```
#081515
```
#081515 rgb(8,21,21)
```
#0d2423
```
#0d2423 rgb(13,36,35)
```
#123231
```
#123231 rgb(18,50,49)
```
#18403f
```
#18403f rgb(24,64,63)
```
#1d4f4d
```
#1d4f4d rgb(29,79,77)
```
#225d5b
```
#225d5b rgb(34,93,91)
```
#286b69
```
#286b69 rgb(40,107,105)
```
#2d7a77
```
#2d7a77 rgb(45,122,119)
```
#328885
```
#328885 rgb(50,136,133)
```
#379693
```
#379693 rgb(55,150,147)
```
#3da5a1
```
#3da5a1 rgb(61,165,161)
```
#42b3af
```
#42b3af rgb(66,179,175)
```

Shade Color Variation

#4cbdb9
```
#4cbdb9 rgb(76,189,185)
```
#5ac2be
```
#5ac2be rgb(90,194,190)
```
#68c7c4
```
#68c7c4 rgb(104,199,196)
```
#77cdca
```
#77cdca rgb(119,205,202)
```
#85d2cf
```
#85d2cf rgb(133,210,207)
```
#93d7d5
```
#93d7d5 rgb(147,215,213)
```
#a2dddb
```
#a2dddb rgb(162,221,219)
```
#b0e2e0
```
#b0e2e0 rgb(176,226,224)
```
#bee7e6
```
#bee7e6 rgb(190,231,230)
```
#cdeceb
```
#cdeceb rgb(205,236,235)
```
#dbf2f1
```
#dbf2f1 rgb(219,242,241)
```
#e9f7f7
```
#e9f7f7 rgb(233,247,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#718483
```
#718483 rgb(113,132,131)
```
#688d8c
```
#688d8c rgb(104,141,140)
```
#5e9795
```
#5e9795 rgb(94,151,149)
```
#55a09d
```
#55a09d rgb(85,160,157)
```
#4baaa6
```
#4baaa6 rgb(75,170,166)
```
#42b3af
```
#42b3af rgb(66,179,175)
```
#39bcb8
```
#39bcb8 rgb(57,188,184)
```
#2fc6c1
```
#2fc6c1 rgb(47,198,193)
```
#26cfc9
```
#26cfc9 rgb(38,207,201)
```
#1cd9d2
```
#1cd9d2 rgb(28,217,210)
```
#13e2db
```
#13e2db rgb(19,226,219)
```
#09ece4
```
#09ece4 rgb(9,236,228)
```
#00f5ec
```
#00f5ec rgb(0,245,236)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#819897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a6aa Protanopia 1% of men
#ada3ba Deuteranopia 1% of men
#54b4c1 Tritanopia 0.001% of the population

Trichromacy

#83abab Protanomaly 1% of men, 0.01% of women
#86a9b6 Deuteranomaly 6% of men, 0.4% of women
#4db4ba Tritanomaly 0.01% of the population

#42b3af hex color

#42b3af Color Information

#42b3af Color Conversion

Color Schemes with #42b3af

Alternatives to #42b3af

#42b3af Preview

Shades and Tints of #42b3af

Tones of #42b3af

Color Blindness Simulator