#40a299 hex color

In a RGB color space, hex #40a299 is composed of 25.1% red, 63.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 5.6% yellow and 36.5% black. It has a hue angle of 174.5 degrees, a saturation of 43.4% and a lightness of 44.3%. #40a299 color hex could be obtained by blending #80ffff with #004533. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 64
- B 60
RGB color chart
- C 60
- M 0
- Y 6
- K 36
CMYK color chart

● #40a299 color description : Dark moderate cyan.

The hexadecimal color #40a299 has RGB values of R:64, G:162, B:153 and CMYK values of C:0.6, M:0, Y:0.06, K:0.36. Its decimal value is 4235929.

Hex triplet	40a299	`#40a299`
RGB Decimal	64, 162, 153	`rgb(64,162,153)`
RGB Percent	25.1, 63.5, 60	`rgb(25.1%,63.5%,60%)`
CMYK	60, 0, 6, 36
HSL	174.5°, 43.4, 44.3	`hsl(174.5,43.4%,44.3%)`
HSV (or HSB)	174.5°, 60.5, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.983, -30.599, -3.858
XYZ	20.783, 29.229, 34.682
xyY	0.245, 0.345, 29.229
CIE-LCH	60.983, 30.841, 187.186
CIE-LUV	60.983, -39.838, -1.035
Hunter-Lab	54.064, -25.994, -0.19
Binary	01000000, 10100010, 10011001

#40a299
```
#40a299 rgb(64,162,153)
```
#a24049
```
#a24049 rgb(162,64,73)
```

Complementary Color

#40a268
```
#40a268 rgb(64,162,104)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#407aa2
```
#407aa2 rgb(64,122,162)
```

Analogous Color

#a26840
```
#a26840 rgb(162,104,64)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#a2407a
```
#a2407a rgb(162,64,122)
```

Split Complementary Color

#a29940
```
#a29940 rgb(162,153,64)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#9940a2
```
#9940a2 rgb(153,64,162)
```

Triadic Color

#49a240
```
#49a240 rgb(73,162,64)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#9940a2
```
#9940a2 rgb(153,64,162)
```
#a24049
```
#a24049 rgb(162,64,73)
```

Tetradic Color

#2a6b65
```
#2a6b65 rgb(42,107,101)
```
#327d76
```
#327d76 rgb(50,125,118)
```
#399088
```
#399088 rgb(57,144,136)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#47b4aa
```
#47b4aa rgb(71,180,170)
```
#58bdb4
```
#58bdb4 rgb(88,189,180)
```
#6ac4bc
```
#6ac4bc rgb(106,196,188)
```

Monochromatic Color

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

#40a281
```
#40a281 rgb(64,162,129)
```
#40a289
```
#40a289 rgb(64,162,137)
```
#40a291
```
#40a291 rgb(64,162,145)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#40a2a1
```
#40a2a1 rgb(64,162,161)
```
#409ba2
```
#409ba2 rgb(64,155,162)
```
#4093a2
```
#4093a2 rgb(64,147,162)
```

Similar Colors

Text with hexadecimal color #40a299

This text has a font color of #40a299.

<span style="color:#40a299;">Text here</span>

#40a299 background color

This paragraph has a background color of #40a299.

<p style="background-color:#40a299;">Content here</p>

#40a299 border color

This element has a border color of #40a299.

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

CSS codes

.text {color:#40a299;}

.background {background-color:#40a299;}

.border {border:1px solid #40a299;}

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)
```
#081514
```
#081514 rgb(8,21,20)
```
#0e2321
```
#0e2321 rgb(14,35,33)
```
#14322f
```
#14322f rgb(20,50,47)
```
#19403c
```
#19403c rgb(25,64,60)
```
#1f4e49
```
#1f4e49 rgb(31,78,73)
```
#245c57
```
#245c57 rgb(36,92,87)
```
#2a6a64
```
#2a6a64 rgb(42,106,100)
```
#2f7871
```
#2f7871 rgb(47,120,113)
```
#35867e
```
#35867e rgb(53,134,126)
```
#3a948c
```
#3a948c rgb(58,148,140)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#46b0a6
```
#46b0a6 rgb(70,176,166)
```

Shade Color Variation

#50bab0
```
#50bab0 rgb(80,186,176)
```
#5ebfb6
```
#5ebfb6 rgb(94,191,182)
```
#6cc5bd
```
#6cc5bd rgb(108,197,189)
```
#7acac3
```
#7acac3 rgb(122,202,195)
```
#88d0c9
```
#88d0c9 rgb(136,208,201)
```
#96d5d0
```
#96d5d0 rgb(150,213,208)
```
#a4dbd6
```
#a4dbd6 rgb(164,219,214)
```
#b2e1dc
```
#b2e1dc rgb(178,225,220)
```
#c0e6e3
```
#c0e6e3 rgb(192,230,227)
```
#ceece9
```
#ceece9 rgb(206,236,233)
```
#dcf1ef
```
#dcf1ef rgb(220,241,239)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7776 is the less saturated color, while #03dfcb is the most saturated one.

#6b7776
```
#6b7776 rgb(107,119,118)
```
#637f7d
```
#637f7d rgb(99,127,125)
```
#5a8884
```
#5a8884 rgb(90,136,132)
```
#51918b
```
#51918b rgb(81,145,139)
```
#499992
```
#499992 rgb(73,153,146)
```
#40a299
```
#40a299 rgb(64,162,153)
```
#37aba0
```
#37aba0 rgb(55,171,160)
```
#2fb3a7
```
#2fb3a7 rgb(47,179,167)
```
#26bcae
```
#26bcae rgb(38,188,174)
```
#1dc5b5
```
#1dc5b5 rgb(29,197,181)
```
#15cdbc
```
#15cdbc rgb(21,205,188)
```
#0cd6c4
```
#0cd6c4 rgb(12,214,196)
```
#03dfcb
```
#03dfcb rgb(3,223,203)
```

Tone Color Variation

Below, you can see how #40a299 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

#848484 Achromatopsia 0.005% of the population
#768a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9896 Protanopia 1% of men
#a194a4 Deuteranopia 1% of men
#52a4b0 Tritanopia 0.001% of the population

Trichromacy

#7a9b97 Protanomaly 1% of men, 0.01% of women
#7d99a0 Deuteranomaly 6% of men, 0.4% of women
#4ca3a7 Tritanomaly 0.01% of the population

#40a299 hex color

#40a299 Color Information

#40a299 Color Conversion

Color Schemes with #40a299

Alternatives to #40a299

#40a299 Preview

Shades and Tints of #40a299

Tones of #40a299

Color Blindness Simulator