#42a9c4 hex color

In a RGB color space, hex #42a9c4 is composed of 25.9% red, 66.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 13.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 192.5 degrees, a saturation of 52.4% and a lightness of 51.4%. #42a9c4 color hex could be obtained by blending #84ffff with #005389. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 66
- B 77
RGB color chart
- C 66
- M 14
- Y 0
- K 23
CMYK color chart

● #42a9c4 color description : Moderate cyan.

The hexadecimal color #42a9c4 has RGB values of R:66, G:169, B:196 and CMYK values of C:0.66, M:0.14, Y:0, K:0.23. Its decimal value is 4368836.

Hex triplet	42a9c4	`#42a9c4`
RGB Decimal	66, 169, 196	`rgb(66,169,196)`
RGB Percent	25.9, 66.3, 76.9	`rgb(25.9%,66.3%,76.9%)`
CMYK	66, 14, 0, 23
HSL	192.5°, 52.4, 51.4	`hsl(192.5,52.4%,51.4%)`
HSV (or HSB)	192.5°, 66.3, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.578, -21.104, -22.544
XYZ	26.396, 33.518, 57.3
xyY	0.225, 0.286, 33.518
CIE-LCH	64.578, 30.881, 226.889
CIE-LUV	64.578, -39.654, -31.941
Hunter-Lab	57.894, -19.931, -18.155
Binary	01000010, 10101001, 11000100

#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#c45d42
```
#c45d42 rgb(196,93,66)
```

Complementary Color

#42c49e
```
#42c49e rgb(66,196,158)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#4268c4
```
#4268c4 rgb(66,104,196)
```

Analogous Color

#c49e42
```
#c49e42 rgb(196,158,66)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#c44268
```
#c44268 rgb(196,66,104)
```

Split Complementary Color

#a9c442
```
#a9c442 rgb(169,196,66)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#c442a9
```
#c442a9 rgb(196,66,169)
```

Triadic Color

#42c45d
```
#42c45d rgb(66,196,93)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#c442a9
```
#c442a9 rgb(196,66,169)
```
#c45d42
```
#c45d42 rgb(196,93,66)
```

Tetradic Color

#2c798d
```
#2c798d rgb(44,121,141)
```
#328aa1
```
#328aa1 rgb(50,138,161)
```
#389ab4
```
#389ab4 rgb(56,154,180)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#55b2ca
```
#55b2ca rgb(85,178,202)
```
#69bbd0
```
#69bbd0 rgb(105,187,208)
```
#7cc4d6
```
#7cc4d6 rgb(124,196,214)
```

Monochromatic Color

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

#42c4bf
```
#42c4bf rgb(66,196,191)
```
#42bfc4
```
#42bfc4 rgb(66,191,196)
```
#42b4c4
```
#42b4c4 rgb(66,180,196)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#429ec4
```
#429ec4 rgb(66,158,196)
```
#4293c4
```
#4293c4 rgb(66,147,196)
```
#4289c4
```
#4289c4 rgb(66,137,196)
```

Similar Colors

Text with hexadecimal color #42a9c4

This text has a font color of #42a9c4.

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

#42a9c4 background color

This paragraph has a background color of #42a9c4.

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

#42a9c4 border color

This element has a border color of #42a9c4.

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

CSS codes

.text {color:#42a9c4;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0b1e23
```
#0b1e23 rgb(11,30,35)
```
#102b32
```
#102b32 rgb(16,43,50)
```
#143841
```
#143841 rgb(20,56,65)
```
#194550
```
#194550 rgb(25,69,80)
```
#1e515f
```
#1e515f rgb(30,81,95)
```
#225e6e
```
#225e6e rgb(34,94,110)
```
#276b7d
```
#276b7d rgb(39,107,125)
```
#2c788c
```
#2c788c rgb(44,120,140)
```
#30859b
```
#30859b rgb(48,133,155)
```
#3592aa
```
#3592aa rgb(53,146,170)
```
#3a9eb9
```
#3a9eb9 rgb(58,158,185)
```

Shade Color Variation

#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#51b0c9
```
#51b0c9 rgb(81,176,201)
```
#60b7cd
```
#60b7cd rgb(96,183,205)
```
#6fbdd2
```
#6fbdd2 rgb(111,189,210)
```
#7ec4d7
```
#7ec4d7 rgb(126,196,215)
```
#8dcbdb
```
#8dcbdb rgb(141,203,219)
```
#9cd2e0
```
#9cd2e0 rgb(156,210,224)
```
#abd9e5
```
#abd9e5 rgb(171,217,229)
```
#badfe9
```
#badfe9 rgb(186,223,233)
```
#c9e6ee
```
#c9e6ee rgb(201,230,238)
```
#d7edf3
```
#d7edf3 rgb(215,237,243)
```
#e6f4f7
```
#e6f4f7 rgb(230,244,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#7b888b
```
#7b888b rgb(123,136,139)
```
#728d94
```
#728d94 rgb(114,141,148)
```
#68939e
```
#68939e rgb(104,147,158)
```
#5f98a7
```
#5f98a7 rgb(95,152,167)
```
#559eb1
```
#559eb1 rgb(85,158,177)
```
#4ca3ba
```
#4ca3ba rgb(76,163,186)
```
#42a9c4
```
#42a9c4 rgb(66,169,196)
```
#38afce
```
#38afce rgb(56,175,206)
```
#2fb4d7
```
#2fb4d7 rgb(47,180,215)
```
#25bae1
```
#25bae1 rgb(37,186,225)
```
#1cbfea
```
#1cbfea rgb(28,191,234)
```
#12c5f4
```
#12c5f4 rgb(18,197,244)
```
#09cafd
```
#09cafd rgb(9,202,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e9398 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa0be Protanopia 1% of men
#989fcc Deuteranopia 1% of men
#44afbc Tritanopia 0.001% of the population

Trichromacy

#7aa3c0 Protanomaly 1% of men, 0.01% of women
#79a2c9 Deuteranomaly 6% of men, 0.4% of women
#43adbf Tritanomaly 0.01% of the population

#42a9c4 hex color

#42a9c4 Color Information

#42a9c4 Color Conversion

Color Schemes with #42a9c4

Alternatives to #42a9c4

#42a9c4 Preview

Shades and Tints of #42a9c4

Tones of #42a9c4

Color Blindness Simulator