#42a7bc hex color

In a RGB color space, hex #42a7bc is composed of 25.9% red, 65.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 11.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 190.3 degrees, a saturation of 48% and a lightness of 49.8%. #42a7bc color hex could be obtained by blending #84ffff with #004f79. Closest websafe color is: #3399cc.

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

● #42a7bc color description : Moderate cyan.

The hexadecimal color #42a7bc has RGB values of R:66, G:167, B:188 and CMYK values of C:0.65, M:0.11, Y:0, K:0.26. Its decimal value is 4368316.

Hex triplet	42a7bc	`#42a7bc`
RGB Decimal	66, 167, 188	`rgb(66,167,188)`
RGB Percent	25.9, 65.5, 73.7	`rgb(25.9%,65.5%,73.7%)`
CMYK	65, 11, 0, 26
HSL	190.3°, 48, 49.8	`hsl(190.3,48%,49.8%)`
HSV (or HSB)	190.3°, 64.9, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.692, -22.544, -19.438
XYZ	25.14, 32.424, 52.508
xyY	0.228, 0.295, 32.424
CIE-LCH	63.692, 29.767, 220.768
CIE-LUV	63.692, -39.357, -26.622
Hunter-Lab	56.942, -20.842, -14.813
Binary	01000010, 10100111, 10111100

#42a7bc
```
#42a7bc rgb(66,167,188)
```
#bc5742
```
#bc5742 rgb(188,87,66)
```

Complementary Color

#42bc94
```
#42bc94 rgb(66,188,148)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#426abc
```
#426abc rgb(66,106,188)
```

Analogous Color

#bc9442
```
#bc9442 rgb(188,148,66)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#bc426a
```
#bc426a rgb(188,66,106)
```

Split Complementary Color

#a7bc42
```
#a7bc42 rgb(167,188,66)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#bc42a7
```
#bc42a7 rgb(188,66,167)
```

Triadic Color

#42bc57
```
#42bc57 rgb(66,188,87)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#bc42a7
```
#bc42a7 rgb(188,66,167)
```
#bc5742
```
#bc5742 rgb(188,87,66)
```

Tetradic Color

#2e7583
```
#2e7583 rgb(46,117,131)
```
#358596
```
#358596 rgb(53,133,150)
```
#3b96a9
```
#3b96a9 rgb(59,150,169)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#54b0c3
```
#54b0c3 rgb(84,176,195)
```
#67b9ca
```
#67b9ca rgb(103,185,202)
```
#7ac2d0
```
#7ac2d0 rgb(122,194,208)
```

Monochromatic Color

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

#42bcb3
```
#42bcb3 rgb(66,188,179)
```
#42bbbc
```
#42bbbc rgb(66,187,188)
```
#42b1bc
```
#42b1bc rgb(66,177,188)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#429dbc
```
#429dbc rgb(66,157,188)
```
#4293bc
```
#4293bc rgb(66,147,188)
```
#4289bc
```
#4289bc rgb(66,137,188)
```

Similar Colors

Text with hexadecimal color #42a7bc

This text has a font color of #42a7bc.

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

#42a7bc background color

This paragraph has a background color of #42a7bc.

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

#42a7bc border color

This element has a border color of #42a7bc.

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

CSS codes

.text {color:#42a7bc;}

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

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

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

#050c0e
```
#050c0e rgb(5,12,14)
```
#0a191c
```
#0a191c rgb(10,25,28)
```
#0f262b
```
#0f262b rgb(15,38,43)
```
#143339
```
#143339 rgb(20,51,57)
```
#194048
```
#194048 rgb(25,64,72)
```
#1e4d56
```
#1e4d56 rgb(30,77,86)
```
#235a65
```
#235a65 rgb(35,90,101)
```
#296773
```
#296773 rgb(41,103,115)
```
#2e7382
```
#2e7382 rgb(46,115,130)
```
#338090
```
#338090 rgb(51,128,144)
```
#388d9f
```
#388d9f rgb(56,141,159)
```
#3d9aad
```
#3d9aad rgb(61,154,173)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```

Shade Color Variation

#50aec2
```
#50aec2 rgb(80,174,194)
```
#5fb5c7
```
#5fb5c7 rgb(95,181,199)
```
#6dbbcc
```
#6dbbcc rgb(109,187,204)
```
#7cc2d1
```
#7cc2d1 rgb(124,194,209)
```
#8ac9d6
```
#8ac9d6 rgb(138,201,214)
```
#99d0db
```
#99d0db rgb(153,208,219)
```
#a7d6e0
```
#a7d6e0 rgb(167,214,224)
```
#b6dde5
```
#b6dde5 rgb(182,221,229)
```
#c4e4ea
```
#c4e4ea rgb(196,228,234)
```
#d3ebef
```
#d3ebef rgb(211,235,239)
```
#e1f1f5
```
#e1f1f5 rgb(225,241,245)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7d8181
```
#7d8181 rgb(125,129,129)
```
#73878b
```
#73878b rgb(115,135,139)
```
#698d95
```
#698d95 rgb(105,141,149)
```
#5f949f
```
#5f949f rgb(95,148,159)
```
#569aa8
```
#569aa8 rgb(86,154,168)
```
#4ca1b2
```
#4ca1b2 rgb(76,161,178)
```
#42a7bc
```
#42a7bc rgb(66,167,188)
```
#38adc6
```
#38adc6 rgb(56,173,198)
```
#2eb4d0
```
#2eb4d0 rgb(46,180,208)
```
#25bad9
```
#25bad9 rgb(37,186,217)
```
#1bc1e3
```
#1bc1e3 rgb(27,193,227)
```
#11c7ed
```
#11c7ed rgb(17,199,237)
```
#07cdf7
```
#07cdf7 rgb(7,205,247)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7c9195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb7 Protanopia 1% of men
#999cc5 Deuteranopia 1% of men
#47acb9 Tritanopia 0.001% of the population

Trichromacy

#7aa1b9 Protanomaly 1% of men, 0.01% of women
#79a0c1 Deuteranomaly 6% of men, 0.4% of women
#45aaba Tritanomaly 0.01% of the population

#42a7bc hex color

#42a7bc Color Information

#42a7bc Color Conversion

Color Schemes with #42a7bc

Alternatives to #42a7bc

#42a7bc Preview

Shades and Tints of #42a7bc

Tones of #42a7bc

Color Blindness Simulator