#2f9ab7 hex color

In a RGB color space, hex #2f9ab7 is composed of 18.4% red, 60.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 15.8% magenta, 0% yellow and 28.2% black. It has a hue angle of 192.8 degrees, a saturation of 59.1% and a lightness of 45.1%. #2f9ab7 color hex could be obtained by blending #5effff with #00356f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 60
- B 72
RGB color chart
- C 74
- M 16
- Y 0
- K 28
CMYK color chart

● #2f9ab7 color description : Moderate cyan.

The hexadecimal color #2f9ab7 has RGB values of R:47, G:154, B:183 and CMYK values of C:0.74, M:0.16, Y:0, K:0.28. Its decimal value is 3119799.

Hex triplet	2f9ab7	`#2f9ab7`
RGB Decimal	47, 154, 183	`rgb(47,154,183)`
RGB Percent	18.4, 60.4, 71.8	`rgb(18.4%,60.4%,71.8%)`
CMYK	74, 16, 0, 28
HSL	192.8°, 59.1, 45.1	`hsl(192.8,59.1%,45.1%)`
HSV (or HSB)	192.8°, 74.3, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.097, -20.119, -23.697
XYZ	21.273, 27.133, 48.913
xyY	0.219, 0.279, 27.133
CIE-LCH	59.097, 31.085, 229.669
CIE-LUV	59.097, -38.302, -33.537
Hunter-Lab	52.089, -18.257, -19.213
Binary	00101111, 10011010, 10110111

#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#b74c2f
```
#b74c2f rgb(183,76,47)
```

Complementary Color

#2fb790
```
#2fb790 rgb(47,183,144)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#2f56b7
```
#2f56b7 rgb(47,86,183)
```

Analogous Color

#b7902f
```
#b7902f rgb(183,144,47)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#b72f56
```
#b72f56 rgb(183,47,86)
```

Split Complementary Color

#9ab72f
```
#9ab72f rgb(154,183,47)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#b72f9a
```
#b72f9a rgb(183,47,154)
```

Triadic Color

#2fb74c
```
#2fb74c rgb(47,183,76)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#b72f9a
```
#b72f9a rgb(183,47,154)
```
#b74c2f
```
#b74c2f rgb(183,76,47)
```

Tetradic Color

#1f677a
```
#1f677a rgb(31,103,122)
```
#25788e
```
#25788e rgb(37,120,142)
```
#2a89a3
```
#2a89a3 rgb(42,137,163)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#35abcb
```
#35abcb rgb(53,171,203)
```
#49b3d0
```
#49b3d0 rgb(73,179,208)
```
#5dbcd5
```
#5dbcd5 rgb(93,188,213)
```

Monochromatic Color

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

#2fb7b2
```
#2fb7b2 rgb(47,183,178)
```
#2fb1b7
```
#2fb1b7 rgb(47,177,183)
```
#2fa5b7
```
#2fa5b7 rgb(47,165,183)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#2f8fb7
```
#2f8fb7 rgb(47,143,183)
```
#2f83b7
```
#2f83b7 rgb(47,131,183)
```
#2f78b7
```
#2f78b7 rgb(47,120,183)
```

Similar Colors

Text with hexadecimal color #2f9ab7

This text has a font color of #2f9ab7.

<span style="color:#2f9ab7;">Text here</span>

#2f9ab7 background color

This paragraph has a background color of #2f9ab7.

<p style="background-color:#2f9ab7;">Content here</p>

#2f9ab7 border color

This element has a border color of #2f9ab7.

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

CSS codes

.text {color:#2f9ab7;}

.background {background-color:#2f9ab7;}

.border {border:1px solid #2f9ab7;}

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, #030a0b is the darkest color, while #fbfdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#07171b
```
#07171b rgb(7,23,27)
```
#0b242b
```
#0b242b rgb(11,36,43)
```
#0f313a
```
#0f313a rgb(15,49,58)
```
#133e4a
```
#133e4a rgb(19,62,74)
```
#174b59
```
#174b59 rgb(23,75,89)
```
#1b5869
```
#1b5869 rgb(27,88,105)
```
#1f6579
```
#1f6579 rgb(31,101,121)
```
#237388
```
#237388 rgb(35,115,136)
```
#278098
```
#278098 rgb(39,128,152)
```
#2b8da7
```
#2b8da7 rgb(43,141,167)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#33a7c7
```
#33a7c7 rgb(51,167,199)
```

Shade Color Variation

#3fafce
```
#3fafce rgb(63,175,206)
```
#4fb6d2
```
#4fb6d2 rgb(79,182,210)
```
#5fbcd6
```
#5fbcd6 rgb(95,188,214)
```
#6ec3da
```
#6ec3da rgb(110,195,218)
```
#7ec9de
```
#7ec9de rgb(126,201,222)
```
#8dd0e2
```
#8dd0e2 rgb(141,208,226)
```
#9dd6e6
```
#9dd6e6 rgb(157,214,230)
```
#adddea
```
#adddea rgb(173,221,234)
```
#bce3ee
```
#bce3ee rgb(188,227,238)
```
#cceaf2
```
#cceaf2 rgb(204,234,242)
```
#dcf0f6
```
#dcf0f6 rgb(220,240,246)
```
#ebf7fa
```
#ebf7fa rgb(235,247,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6d7679
```
#6d7679 rgb(109,118,121)
```
#647c82
```
#647c82 rgb(100,124,130)
```
#5b818b
```
#5b818b rgb(91,129,139)
```
#528694
```
#528694 rgb(82,134,148)
```
#4a8b9c
```
#4a8b9c rgb(74,139,156)
```
#4190a5
```
#4190a5 rgb(65,144,165)
```
#3895ae
```
#3895ae rgb(56,149,174)
```
#2f9ab7
```
#2f9ab7 rgb(47,154,183)
```
#269fc0
```
#269fc0 rgb(38,159,192)
```
#1da4c9
```
#1da4c9 rgb(29,164,201)
```
#14a9d2
```
#14a9d2 rgb(20,169,210)
```
#0caeda
```
#0caeda rgb(12,174,218)
```
#03b3e3
```
#03b3e3 rgb(3,179,227)
```

Tone Color Variation

Below, you can see how #2f9ab7 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

#7d7d7d Achromatopsia 0.005% of the population
#6d8389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c92b2 Protanopia 1% of men
#8892bf Deuteranopia 1% of men
#2ca1ad Tritanopia 0.001% of the population

Trichromacy

#6a95b4 Protanomaly 1% of men, 0.01% of women
#6794bc Deuteranomaly 6% of men, 0.4% of women
#2d9eb0 Tritanomaly 0.01% of the population

#2f9ab7 hex color

#2f9ab7 Color Information

#2f9ab7 Color Conversion

Color Schemes with #2f9ab7

Alternatives to #2f9ab7

#2f9ab7 Preview

Shades and Tints of #2f9ab7

Tones of #2f9ab7

Color Blindness Simulator