#2f88ab hex color

In a RGB color space, hex #2f88ab is composed of 18.4% red, 53.3% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 20.5% magenta, 0% yellow and 32.9% black. It has a hue angle of 196.9 degrees, a saturation of 56.9% and a lightness of 42.7%. #2f88ab color hex could be obtained by blending #5effff with #001157. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 53
- B 67
RGB color chart
- C 73
- M 20
- Y 0
- K 33
CMYK color chart

● #2f88ab color description : Dark blue.

The hexadecimal color #2f88ab has RGB values of R:47, G:136, B:171 and CMYK values of C:0.73, M:0.2, Y:0, K:0.33. Its decimal value is 3115179.

Hex triplet	2f88ab	`#2f88ab`
RGB Decimal	47, 136, 171	`rgb(47,136,171)`
RGB Percent	18.4, 53.3, 67.1	`rgb(18.4%,53.3%,67.1%)`
CMYK	73, 20, 0, 33
HSL	196.9°, 56.9, 42.7	`hsl(196.9,56.9%,42.7%)`
HSV (or HSB)	196.9°, 72.5, 67.1
Web Safe	339999	`#339999`

CIE-LAB	53.115, -14.411, -26.072
XYZ	17.325, 21.151, 41.695
xyY	0.216, 0.264, 21.151
CIE-LCH	53.115, 29.79, 241.069
CIE-LUV	53.115, -32.51, -37.437
Hunter-Lab	45.991, -13.241, -21.559
Binary	00101111, 10001000, 10101011

#2f88ab
```
#2f88ab rgb(47,136,171)
```
#ab522f
```
#ab522f rgb(171,82,47)
```

Complementary Color

#2fab90
```
#2fab90 rgb(47,171,144)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#2f4aab
```
#2f4aab rgb(47,74,171)
```

Analogous Color

#ab902f
```
#ab902f rgb(171,144,47)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#ab2f4a
```
#ab2f4a rgb(171,47,74)
```

Split Complementary Color

#88ab2f
```
#88ab2f rgb(136,171,47)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#ab2f88
```
#ab2f88 rgb(171,47,136)
```

Triadic Color

#2fab52
```
#2fab52 rgb(47,171,82)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#ab2f88
```
#ab2f88 rgb(171,47,136)
```
#ab522f
```
#ab522f rgb(171,82,47)
```

Tetradic Color

#1f586f
```
#1f586f rgb(31,88,111)
```
#246883
```
#246883 rgb(36,104,131)
```
#2a7897
```
#2a7897 rgb(42,120,151)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#3498bf
```
#3498bf rgb(52,152,191)
```
#42a4cb
```
#42a4cb rgb(66,164,203)
```
#56aed1
```
#56aed1 rgb(86,174,209)
```

Monochromatic Color

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

#2fa7ab
```
#2fa7ab rgb(47,167,171)
```
#2f9dab
```
#2f9dab rgb(47,157,171)
```
#2f92ab
```
#2f92ab rgb(47,146,171)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#2f7eab
```
#2f7eab rgb(47,126,171)
```
#2f73ab
```
#2f73ab rgb(47,115,171)
```
#2f69ab
```
#2f69ab rgb(47,105,171)
```

Similar Colors

Text with hexadecimal color #2f88ab

This text has a font color of #2f88ab.

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

#2f88ab background color

This paragraph has a background color of #2f88ab.

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

#2f88ab border color

This element has a border color of #2f88ab.

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

CSS codes

.text {color:#2f88ab;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050e11
```
#050e11 rgb(5,14,17)
```
#091a21
```
#091a21 rgb(9,26,33)
```
#0d2630
```
#0d2630 rgb(13,38,48)
```
#11323f
```
#11323f rgb(17,50,63)
```
#163f4f
```
#163f4f rgb(22,63,79)
```
#1a4b5e
```
#1a4b5e rgb(26,75,94)
```
#1e576d
```
#1e576d rgb(30,87,109)
```
#22637d
```
#22637d rgb(34,99,125)
```
#27708c
```
#27708c rgb(39,112,140)
```
#2b7c9c
```
#2b7c9c rgb(43,124,156)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#3394ba
```
#3394ba rgb(51,148,186)
```

Shade Color Variation

#39a0c9
```
#39a0c9 rgb(57,160,201)
```
#48a7cd
```
#48a7cd rgb(72,167,205)
```
#57afd1
```
#57afd1 rgb(87,175,209)
```
#67b6d5
```
#67b6d5 rgb(103,182,213)
```
#76bdd9
```
#76bdd9 rgb(118,189,217)
```
#86c5de
```
#86c5de rgb(134,197,222)
```
#95cce2
```
#95cce2 rgb(149,204,226)
```
#a4d4e6
```
#a4d4e6 rgb(164,212,230)
```
#b4dbea
```
#b4dbea rgb(180,219,234)
```
#c3e2ef
```
#c3e2ef rgb(195,226,239)
```
#d3eaf3
```
#d3eaf3 rgb(211,234,243)
```
#e2f1f7
```
#e2f1f7 rgb(226,241,247)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

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

#6a6e70
```
#6a6e70 rgb(106,110,112)
```
#617279
```
#617279 rgb(97,114,121)
```
#597681
```
#597681 rgb(89,118,129)
```
#517989
```
#517989 rgb(81,121,137)
```
#487d92
```
#487d92 rgb(72,125,146)
```
#40819a
```
#40819a rgb(64,129,154)
```
#3784a3
```
#3784a3 rgb(55,132,163)
```
#2f88ab
```
#2f88ab rgb(47,136,171)
```
#278cb3
```
#278cb3 rgb(39,140,179)
```
#1e8fbc
```
#1e8fbc rgb(30,143,188)
```
#1693c4
```
#1693c4 rgb(22,147,196)
```
#0d97cd
```
#0d97cd rgb(13,151,205)
```
#059ad5
```
#059ad5 rgb(5,154,213)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#64767d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84a8 Protanopia 1% of men
#7584b3 Deuteranopia 1% of men
#27919c Tritanopia 0.001% of the population

Trichromacy

#5f85a9 Protanomaly 1% of men, 0.01% of women
#5b85b0 Deuteranomaly 6% of men, 0.4% of women
#2a8ea1 Tritanomaly 0.01% of the population

#2f88ab hex color

#2f88ab Color Information

#2f88ab Color Conversion

Color Schemes with #2f88ab

Alternatives to #2f88ab

#2f88ab Preview

Shades and Tints of #2f88ab

Tones of #2f88ab

Color Blindness Simulator