#42a5be hex color

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

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

● #42a5be color description : Moderate cyan.

The hexadecimal color #42a5be has RGB values of R:66, G:165, B:190 and CMYK values of C:0.65, M:0.13, Y:0, K:0.25. Its decimal value is 4367806.

Hex triplet	42a5be	`#42a5be`
RGB Decimal	66, 165, 190	`rgb(66,165,190)`
RGB Percent	25.9, 64.7, 74.5	`rgb(25.9%,64.7%,74.5%)`
CMYK	65, 13, 0, 25
HSL	192.1°, 48.8, 50.2	`hsl(192.1,48.8%,50.2%)`
HSV (or HSB)	192.1°, 65.3, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.164, -20.893, -21.359
XYZ	24.994, 31.784, 53.53
xyY	0.227, 0.288, 31.784
CIE-LCH	63.164, 29.879, 225.633
CIE-LUV	63.164, -38.511, -29.931
Hunter-Lab	56.377, -19.527, -16.831
Binary	01000010, 10100101, 10111110

#42a5be
```
#42a5be rgb(66,165,190)
```
#be5b42
```
#be5b42 rgb(190,91,66)
```

Complementary Color

#42be99
```
#42be99 rgb(66,190,153)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#4267be
```
#4267be rgb(66,103,190)
```

Analogous Color

#be9942
```
#be9942 rgb(190,153,66)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#be4267
```
#be4267 rgb(190,66,103)
```

Split Complementary Color

#a5be42
```
#a5be42 rgb(165,190,66)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#be42a5
```
#be42a5 rgb(190,66,165)
```

Triadic Color

#42be5b
```
#42be5b rgb(66,190,91)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#be42a5
```
#be42a5 rgb(190,66,165)
```
#be5b42
```
#be5b42 rgb(190,91,66)
```

Tetradic Color

#2e7486
```
#2e7486 rgb(46,116,134)
```
#348499
```
#348499 rgb(52,132,153)
```
#3b95ac
```
#3b95ac rgb(59,149,172)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#55aec5
```
#55aec5 rgb(85,174,197)
```
#68b7cb
```
#68b7cb rgb(104,183,203)
```
#7bc0d2
```
#7bc0d2 rgb(123,192,210)
```

Monochromatic Color

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

#42beb8
```
#42beb8 rgb(66,190,184)
```
#42babe
```
#42babe rgb(66,186,190)
```
#42afbe
```
#42afbe rgb(66,175,190)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#429bbe
```
#429bbe rgb(66,155,190)
```
#4290be
```
#4290be rgb(66,144,190)
```
#4286be
```
#4286be rgb(66,134,190)
```

Similar Colors

Text with hexadecimal color #42a5be

This text has a font color of #42a5be.

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

#42a5be background color

This paragraph has a background color of #42a5be.

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

#42a5be border color

This element has a border color of #42a5be.

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

CSS codes

.text {color:#42a5be;}

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

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

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)
```
#0f272d
```
#0f272d rgb(15,39,45)
```
#14333b
```
#14333b rgb(20,51,59)
```
#19404a
```
#19404a rgb(25,64,74)
```
#1e4d58
```
#1e4d58 rgb(30,77,88)
```
#235967
```
#235967 rgb(35,89,103)
```
#286676
```
#286676 rgb(40,102,118)
```
#2d7384
```
#2d7384 rgb(45,115,132)
```
#327f93
```
#327f93 rgb(50,127,147)
```
#378ca1
```
#378ca1 rgb(55,140,161)
```
#3c99b0
```
#3c99b0 rgb(60,153,176)
```

Shade Color Variation

#42a5be
```
#42a5be rgb(66,165,190)
```
#51acc3
```
#51acc3 rgb(81,172,195)
```
#5fb3c8
```
#5fb3c8 rgb(95,179,200)
```
#6ebacd
```
#6ebacd rgb(110,186,205)
```
#7cc1d2
```
#7cc1d2 rgb(124,193,210)
```
#8bc8d7
```
#8bc8d7 rgb(139,200,215)
```
#9acfdc
```
#9acfdc rgb(154,207,220)
```
#a8d6e1
```
#a8d6e1 rgb(168,214,225)
```
#b7dde6
```
#b7dde6 rgb(183,221,230)
```
#c5e4eb
```
#c5e4eb rgb(197,228,235)
```
#d4ebf0
```
#d4ebf0 rgb(212,235,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 #07c8f9 is the most saturated one.

#7d8283
```
#7d8283 rgb(125,130,131)
```
#73888d
```
#73888d rgb(115,136,141)
```
#698e97
```
#698e97 rgb(105,142,151)
```
#5f94a1
```
#5f94a1 rgb(95,148,161)
```
#5699aa
```
#5699aa rgb(86,153,170)
```
#4c9fb4
```
#4c9fb4 rgb(76,159,180)
```
#42a5be
```
#42a5be rgb(66,165,190)
```
#38abc8
```
#38abc8 rgb(56,171,200)
```
#2eb1d2
```
#2eb1d2 rgb(46,177,210)
```
#25b6db
```
#25b6db rgb(37,182,219)
```
#1bbce5
```
#1bbce5 rgb(27,188,229)
```
#11c2ef
```
#11c2ef rgb(17,194,239)
```
#07c8f9
```
#07c8f9 rgb(7,200,249)
```

Tone Color Variation

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

#979cb9 Protanopia 1% of men
#969bc6 Deuteranopia 1% of men
#45abb7 Tritanopia 0.001% of the population

Trichromacy

#789fbb Protanomaly 1% of men, 0.01% of women
#779fc3 Deuteranomaly 6% of men, 0.4% of women
#44a9ba Tritanomaly 0.01% of the population

#42a5be hex color

#42a5be Color Information

#42a5be Color Conversion

Color Schemes with #42a5be

Alternatives to #42a5be

#42a5be Preview

Shades and Tints of #42a5be

Tones of #42a5be

Color Blindness Simulator