#40abbf hex color

In a RGB color space, hex #40abbf is composed of 25.1% red, 67.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 10.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 189.4 degrees, a saturation of 49.8% and a lightness of 50%. #40abbf color hex could be obtained by blending #80ffff with #00577f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 67
- B 75
RGB color chart
- C 66
- M 10
- Y 0
- K 25
CMYK color chart

● #40abbf color description : Moderate cyan.

The hexadecimal color #40abbf has RGB values of R:64, G:171, B:191 and CMYK values of C:0.66, M:0.1, Y:0, K:0.25. Its decimal value is 4238271.

Hex triplet	40abbf	`#40abbf`
RGB Decimal	64, 171, 191	`rgb(64,171,191)`
RGB Percent	25.1, 67.1, 74.9	`rgb(25.1%,67.1%,74.9%)`
CMYK	66, 10, 0, 25
HSL	189.4°, 49.8, 50	`hsl(189.4,49.8%,50%)`
HSV (or HSB)	189.4°, 66.5, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.943, -23.99, -19.212
XYZ	26.079, 33.975, 54.471
xyY	0.228, 0.297, 33.975
CIE-LCH	64.943, 30.735, 218.689
CIE-LUV	64.943, -41.057, -26.14
Hunter-Lab	58.288, -22.142, -14.605
Binary	01000000, 10101011, 10111111

#40abbf
```
#40abbf rgb(64,171,191)
```
#bf5440
```
#bf5440 rgb(191,84,64)
```

Complementary Color

#40bf94
```
#40bf94 rgb(64,191,148)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#406cbf
```
#406cbf rgb(64,108,191)
```

Analogous Color

#bf9440
```
#bf9440 rgb(191,148,64)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#bf406c
```
#bf406c rgb(191,64,108)
```

Split Complementary Color

#abbf40
```
#abbf40 rgb(171,191,64)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#bf40ab
```
#bf40ab rgb(191,64,171)
```

Triadic Color

#40bf54
```
#40bf54 rgb(64,191,84)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#bf40ab
```
#bf40ab rgb(191,64,171)
```
#bf5440
```
#bf5440 rgb(191,84,64)
```

Tetradic Color

#2d7886
```
#2d7886 rgb(45,120,134)
```
#338999
```
#338999 rgb(51,137,153)
```
#3a9aac
```
#3a9aac rgb(58,154,172)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#53b3c5
```
#53b3c5 rgb(83,179,197)
```
#66bccc
```
#66bccc rgb(102,188,204)
```
#79c4d2
```
#79c4d2 rgb(121,196,210)
```

Monochromatic Color

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

#40bfb3
```
#40bfb3 rgb(64,191,179)
```
#40bfbe
```
#40bfbe rgb(64,191,190)
```
#40b6bf
```
#40b6bf rgb(64,182,191)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#40a0bf
```
#40a0bf rgb(64,160,191)
```
#4096bf
```
#4096bf rgb(64,150,191)
```
#408bbf
```
#408bbf rgb(64,139,191)
```

Similar Colors

Text with hexadecimal color #40abbf

This text has a font color of #40abbf.

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

#40abbf background color

This paragraph has a background color of #40abbf.

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

#40abbf border color

This element has a border color of #40abbf.

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

CSS codes

.text {color:#40abbf;}

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

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

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

#050d0f
```
#050d0f rgb(5,13,15)
```
#0a1a1d
```
#0a1a1d rgb(10,26,29)
```
#0f272c
```
#0f272c rgb(15,39,44)
```
#14353b
```
#14353b rgb(20,53,59)
```
#194249
```
#194249 rgb(25,66,73)
```
#1e4f58
```
#1e4f58 rgb(30,79,88)
```
#225c67
```
#225c67 rgb(34,92,103)
```
#276976
```
#276976 rgb(39,105,118)
```
#2c7684
```
#2c7684 rgb(44,118,132)
```
#318493
```
#318493 rgb(49,132,147)
```
#3691a2
```
#3691a2 rgb(54,145,162)
```
#3b9eb0
```
#3b9eb0 rgb(59,158,176)
```
#40abbf
```
#40abbf rgb(64,171,191)
```

Shade Color Variation

#4fb1c4
```
#4fb1c4 rgb(79,177,196)
```
#5db8c9
```
#5db8c9 rgb(93,184,201)
```
#6cbece
```
#6cbece rgb(108,190,206)
```
#7bc5d3
```
#7bc5d3 rgb(123,197,211)
```
#89cbd8
```
#89cbd8 rgb(137,203,216)
```
#98d2dd
```
#98d2dd rgb(152,210,221)
```
#a7d8e1
```
#a7d8e1 rgb(167,216,225)
```
#b6dfe6
```
#b6dfe6 rgb(182,223,230)
```
#c4e5eb
```
#c4e5eb rgb(196,229,235)
```
#d3ecf0
```
#d3ecf0 rgb(211,236,240)
```
#e2f2f5
```
#e2f2f5 rgb(226,242,245)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8384
```
#7b8384 rgb(123,131,132)
```
#71898e
```
#71898e rgb(113,137,142)
```
#679098
```
#679098 rgb(103,144,152)
```
#5d97a2
```
#5d97a2 rgb(93,151,162)
```
#549eab
```
#549eab rgb(84,158,171)
```
#4aa4b5
```
#4aa4b5 rgb(74,164,181)
```
#40abbf
```
#40abbf rgb(64,171,191)
```
#36b2c9
```
#36b2c9 rgb(54,178,201)
```
#2cb8d3
```
#2cb8d3 rgb(44,184,211)
```
#23bfdc
```
#23bfdc rgb(35,191,220)
```
#19c6e6
```
#19c6e6 rgb(25,198,230)
```
#0fcdf0
```
#0fcdf0 rgb(15,205,240)
```
#05d3fa
```
#05d3fa rgb(5,211,250)
```

Tone Color Variation

Below, you can see how #40abbf 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
#7e9397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da1b9 Protanopia 1% of men
#9d9fc8 Deuteranopia 1% of men
#46b0bd Tritanopia 0.001% of the population

Trichromacy

#7ba4bb Protanomaly 1% of men, 0.01% of women
#7ba3c4 Deuteranomaly 6% of men, 0.4% of women
#44aebd Tritanomaly 0.01% of the population

#40abbf hex color

#40abbf Color Information

#40abbf Color Conversion

Color Schemes with #40abbf

Alternatives to #40abbf

#40abbf Preview

Shades and Tints of #40abbf

Tones of #40abbf

Color Blindness Simulator