#2f81ad hex color

In a RGB color space, hex #2f81ad is composed of 18.4% red, 50.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 25.4% magenta, 0% yellow and 32.2% black. It has a hue angle of 201 degrees, a saturation of 57.3% and a lightness of 43.1%. #2f81ad color hex could be obtained by blending #5effff with #00035b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 51
- B 68
RGB color chart
- C 73
- M 25
- Y 0
- K 32
CMYK color chart

● #2f81ad color description : Dark blue.

The hexadecimal color #2f81ad has RGB values of R:47, G:129, B:173 and CMYK values of C:0.73, M:0.25, Y:0, K:0.32. Its decimal value is 3113389.

Hex triplet	2f81ad	`#2f81ad`
RGB Decimal	47, 129, 173	`rgb(47,129,173)`
RGB Percent	18.4, 50.6, 67.8	`rgb(18.4%,50.6%,67.8%)`
CMYK	73, 25, 0, 32
HSL	201°, 57.3, 43.1	`hsl(201,57.3%,43.1%)`
HSV (or HSB)	201°, 72.8, 67.8
Web Safe	339999	`#339999`

CIE-LAB	51.06, -9.772, -30.416
XYZ	16.563, 19.321, 42.389
xyY	0.212, 0.247, 19.321
CIE-LCH	51.06, 31.947, 252.189
CIE-LUV	51.06, -29.883, -44.642
Hunter-Lab	43.955, -9.658, -26.409
Binary	00101111, 10000001, 10101101

#2f81ad
```
#2f81ad rgb(47,129,173)
```
#ad5b2f
```
#ad5b2f rgb(173,91,47)
```

Complementary Color

#2fad9a
```
#2fad9a rgb(47,173,154)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#2f42ad
```
#2f42ad rgb(47,66,173)
```

Analogous Color

#ad9a2f
```
#ad9a2f rgb(173,154,47)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#ad2f42
```
#ad2f42 rgb(173,47,66)
```

Split Complementary Color

#81ad2f
```
#81ad2f rgb(129,173,47)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#ad2f81
```
#ad2f81 rgb(173,47,129)
```

Triadic Color

#2fad5b
```
#2fad5b rgb(47,173,91)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#ad2f81
```
#ad2f81 rgb(173,47,129)
```
#ad5b2f
```
#ad5b2f rgb(173,91,47)
```

Tetradic Color

#1f5471
```
#1f5471 rgb(31,84,113)
```
#246385
```
#246385 rgb(36,99,133)
```
#2a7299
```
#2a7299 rgb(42,114,153)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#3490c1
```
#3490c1 rgb(52,144,193)
```
#439ccc
```
#439ccc rgb(67,156,204)
```
#57a7d1
```
#57a7d1 rgb(87,167,209)
```

Monochromatic Color

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

#2fa1ad
```
#2fa1ad rgb(47,161,173)
```
#2f96ad
```
#2f96ad rgb(47,150,173)
```
#2f8cad
```
#2f8cad rgb(47,140,173)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#2f77ad
```
#2f77ad rgb(47,119,173)
```
#2f6cad
```
#2f6cad rgb(47,108,173)
```
#2f62ad
```
#2f62ad rgb(47,98,173)
```

Similar Colors

Text with hexadecimal color #2f81ad

This text has a font color of #2f81ad.

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

#2f81ad background color

This paragraph has a background color of #2f81ad.

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

#2f81ad border color

This element has a border color of #2f81ad.

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

CSS codes

.text {color:#2f81ad;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e13
```
#050e13 rgb(5,14,19)
```
#091922
```
#091922 rgb(9,25,34)
```
#0d2532
```
#0d2532 rgb(13,37,50)
```
#123041
```
#123041 rgb(18,48,65)
```
#163c50
```
#163c50 rgb(22,60,80)
```
#1a4760
```
#1a4760 rgb(26,71,96)
```
#1e536f
```
#1e536f rgb(30,83,111)
```
#225e7f
```
#225e7f rgb(34,94,127)
```
#276a8e
```
#276a8e rgb(39,106,142)
```
#2b759e
```
#2b759e rgb(43,117,158)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#338dbc
```
#338dbc rgb(51,141,188)
```

Shade Color Variation

#3a97c9
```
#3a97c9 rgb(58,151,201)
```
#499fce
```
#499fce rgb(73,159,206)
```
#59a8d2
```
#59a8d2 rgb(89,168,210)
```
#68b0d6
```
#68b0d6 rgb(104,176,214)
```
#78b8da
```
#78b8da rgb(120,184,218)
```
#87c0de
```
#87c0de rgb(135,192,222)
```
#96c8e3
```
#96c8e3 rgb(150,200,227)
```
#a6d0e7
```
#a6d0e7 rgb(166,208,231)
```
#b5d8eb
```
#b5d8eb rgb(181,216,235)
```
#c5e0ef
```
#c5e0ef rgb(197,224,239)
```
#d4e8f3
```
#d4e8f3 rgb(212,232,243)
```
#e3f1f8
```
#e3f1f8 rgb(227,241,248)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#6a6f72
```
#6a6f72 rgb(106,111,114)
```
#62727a
```
#62727a rgb(98,114,122)
```
#597483
```
#597483 rgb(89,116,131)
```
#51778b
```
#51778b rgb(81,119,139)
```
#487994
```
#487994 rgb(72,121,148)
```
#407c9c
```
#407c9c rgb(64,124,156)
```
#377ea5
```
#377ea5 rgb(55,126,165)
```
#2f81ad
```
#2f81ad rgb(47,129,173)
```
#2784b5
```
#2784b5 rgb(39,132,181)
```
#1e86be
```
#1e86be rgb(30,134,190)
```
#1689c6
```
#1689c6 rgb(22,137,198)
```
#0d8bcf
```
#0d8bcf rgb(13,139,207)
```
#058ed7
```
#058ed7 rgb(5,142,215)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#61717a Atypical Achromatopsia 0.001% of the population

Dichromacy

#727fab Protanopia 1% of men
#697fb4 Deuteranopia 1% of men
#1b8c97 Tritanopia 0.001% of the population

Trichromacy

#5a7fab Protanomaly 1% of men, 0.01% of women
#5480b1 Deuteranomaly 6% of men, 0.4% of women
#22889f Tritanomaly 0.01% of the population

#2f81ad hex color

#2f81ad Color Information

#2f81ad Color Conversion

Color Schemes with #2f81ad

Alternatives to #2f81ad

#2f81ad Preview

Shades and Tints of #2f81ad

Tones of #2f81ad

Color Blindness Simulator