#42a4be hex color

In a RGB color space, hex #42a4be is composed of 25.9% red, 64.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 13.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 192.6 degrees, a saturation of 48.8% and a lightness of 50.2%. #42a4be color hex could be obtained by blending #84ffff with #00497d. Closest websafe color is: #3399cc.

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

● #42a4be color description : Moderate cyan.

The hexadecimal color #42a4be has RGB values of R:66, G:164, B:190 and CMYK values of C:0.65, M:0.14, Y:0, K:0.25. Its decimal value is 4367550.

Hex triplet	42a4be	`#42a4be`
RGB Decimal	66, 164, 190	`rgb(66,164,190)`
RGB Percent	25.9, 64.3, 74.5	`rgb(25.9%,64.3%,74.5%)`
CMYK	65, 14, 0, 25
HSL	192.6°, 48.8, 50.2	`hsl(192.6,48.8%,50.2%)`
HSV (or HSB)	192.6°, 65.3, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.865, -20.371, -21.817
XYZ	24.814, 31.425, 53.47
xyY	0.226, 0.286, 31.425
CIE-LCH	62.865, 29.849, 226.963
CIE-LUV	62.865, -38.143, -30.724
Hunter-Lab	56.058, -19.088, -17.313
Binary	01000010, 10100100, 10111110

#42a4be
```
#42a4be rgb(66,164,190)
```
#be5c42
```
#be5c42 rgb(190,92,66)
```

Complementary Color

#42be9a
```
#42be9a rgb(66,190,154)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#4266be
```
#4266be rgb(66,102,190)
```

Analogous Color

#be9a42
```
#be9a42 rgb(190,154,66)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#be4266
```
#be4266 rgb(190,66,102)
```

Split Complementary Color

#a4be42
```
#a4be42 rgb(164,190,66)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#be42a4
```
#be42a4 rgb(190,66,164)
```

Triadic Color

#42be5c
```
#42be5c rgb(66,190,92)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#be42a4
```
#be42a4 rgb(190,66,164)
```
#be5c42
```
#be5c42 rgb(190,92,66)
```

Tetradic Color

#2e7386
```
#2e7386 rgb(46,115,134)
```
#348499
```
#348499 rgb(52,132,153)
```
#3b94ac
```
#3b94ac rgb(59,148,172)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#55adc5
```
#55adc5 rgb(85,173,197)
```
#68b6cb
```
#68b6cb rgb(104,182,203)
```
#7bbfd2
```
#7bbfd2 rgb(123,191,210)
```

Monochromatic Color

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

#42beb9
```
#42beb9 rgb(66,190,185)
```
#42b9be
```
#42b9be rgb(66,185,190)
```
#42aebe
```
#42aebe rgb(66,174,190)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#429abe
```
#429abe rgb(66,154,190)
```
#428fbe
```
#428fbe rgb(66,143,190)
```
#4285be
```
#4285be rgb(66,133,190)
```

Similar Colors

Text with hexadecimal color #42a4be

This text has a font color of #42a4be.

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

#42a4be background color

This paragraph has a background color of #42a4be.

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

#42a4be border color

This element has a border color of #42a4be.

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

CSS codes

.text {color:#42a4be;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d0f
```
#050d0f rgb(5,13,15)
```
#0a1a1e
```
#0a1a1e rgb(10,26,30)
```
#0f262d
```
#0f262d rgb(15,38,45)
```
#14333b
```
#14333b rgb(20,51,59)
```
#19404a
```
#19404a rgb(25,64,74)
```
#1e4c58
```
#1e4c58 rgb(30,76,88)
```
#235967
```
#235967 rgb(35,89,103)
```
#286576
```
#286576 rgb(40,101,118)
```
#2d7284
```
#2d7284 rgb(45,114,132)
```
#327f93
```
#327f93 rgb(50,127,147)
```
#378ba1
```
#378ba1 rgb(55,139,161)
```
#3c98b0
```
#3c98b0 rgb(60,152,176)
```

Shade Color Variation

#42a4be
```
#42a4be rgb(66,164,190)
```
#51abc3
```
#51abc3 rgb(81,171,195)
```
#5fb2c8
```
#5fb2c8 rgb(95,178,200)
```
#6eb9cd
```
#6eb9cd rgb(110,185,205)
```
#7cc0d2
```
#7cc0d2 rgb(124,192,210)
```
#8bc7d7
```
#8bc7d7 rgb(139,199,215)
```
#9acedc
```
#9acedc rgb(154,206,220)
```
#a8d5e1
```
#a8d5e1 rgb(168,213,225)
```
#b7dce6
```
#b7dce6 rgb(183,220,230)
```
#c5e3eb
```
#c5e3eb rgb(197,227,235)
```
#d4eaf0
```
#d4eaf0 rgb(212,234,240)
```
#e3f1f5
```
#e3f1f5 rgb(227,241,245)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```

Tint Color Variation

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

#7d8283
```
#7d8283 rgb(125,130,131)
```
#73888d
```
#73888d rgb(115,136,141)
```
#698d97
```
#698d97 rgb(105,141,151)
```
#5f93a1
```
#5f93a1 rgb(95,147,161)
```
#5699aa
```
#5699aa rgb(86,153,170)
```
#4c9eb4
```
#4c9eb4 rgb(76,158,180)
```
#42a4be
```
#42a4be rgb(66,164,190)
```
#38aac8
```
#38aac8 rgb(56,170,200)
```
#2eafd2
```
#2eafd2 rgb(46,175,210)
```
#25b5db
```
#25b5db rgb(37,181,219)
```
#1bbbe5
```
#1bbbe5 rgb(27,187,229)
```
#11c0ef
```
#11c0ef rgb(17,192,239)
```
#07c6f9
```
#07c6f9 rgb(7,198,249)
```

Tone Color Variation

Below, you can see how #42a4be 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
#7c8f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969cb9 Protanopia 1% of men
#949ac6 Deuteranopia 1% of men
#44aab7 Tritanopia 0.001% of the population

Trichromacy

#779ebb Protanomaly 1% of men, 0.01% of women
#769ec3 Deuteranomaly 6% of men, 0.4% of women
#43a8b9 Tritanomaly 0.01% of the population

#42a4be hex color

#42a4be Color Information

#42a4be Color Conversion

Color Schemes with #42a4be

Alternatives to #42a4be

#42a4be Preview

Shades and Tints of #42a4be

Tones of #42a4be

Color Blindness Simulator