#2f60ab hex color

In a RGB color space, hex #2f60ab is composed of 18.4% red, 37.6% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 43.9% magenta, 0% yellow and 32.9% black. It has a hue angle of 216.3 degrees, a saturation of 56.9% and a lightness of 42.7%. #2f60ab color hex could be obtained by blending #5ec0ff with #000057. Closest websafe color is: #336699.

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

● #2f60ab color description : Dark blue.

The hexadecimal color #2f60ab has RGB values of R:47, G:96, B:171 and CMYK values of C:0.73, M:0.44, Y:0, K:0.33. Its decimal value is 3104939.

Hex triplet	2f60ab	`#2f60ab`
RGB Decimal	47, 96, 171	`rgb(47,96,171)`
RGB Percent	18.4, 37.6, 67.1	`rgb(18.4%,37.6%,67.1%)`
CMYK	73, 44, 0, 33
HSL	216.3°, 56.9, 42.7	`hsl(216.3,56.9%,42.7%)`
HSV (or HSB)	216.3°, 72.5, 67.1
Web Safe	336699	`#336699`

CIE-LAB	41.072, 9.647, -45.025
XYZ	12.704, 11.909, 40.155
xyY	0.196, 0.184, 11.909
CIE-LCH	41.072, 46.047, 282.094
CIE-LUV	41.072, -18.616, -66.521
Hunter-Lab	34.51, 5.319, -44.831
Binary	00101111, 01100000, 10101011

#2f60ab
```
#2f60ab rgb(47,96,171)
```
#ab7a2f
```
#ab7a2f rgb(171,122,47)
```

Complementary Color

#2f9eab
```
#2f9eab rgb(47,158,171)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#3c2fab
```
#3c2fab rgb(60,47,171)
```

Analogous Color

#9eab2f
```
#9eab2f rgb(158,171,47)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#ab3c2f
```
#ab3c2f rgb(171,60,47)
```

Split Complementary Color

#60ab2f
```
#60ab2f rgb(96,171,47)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#ab2f60
```
#ab2f60 rgb(171,47,96)
```

Triadic Color

#2fab7a
```
#2fab7a rgb(47,171,122)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#ab2f60
```
#ab2f60 rgb(171,47,96)
```
#ab7a2f
```
#ab7a2f rgb(171,122,47)
```

Tetradic Color

#1f3e6f
```
#1f3e6f rgb(31,62,111)
```
#244a83
```
#244a83 rgb(36,74,131)
```
#2a5597
```
#2a5597 rgb(42,85,151)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#346bbf
```
#346bbf rgb(52,107,191)
```
#4278cb
```
#4278cb rgb(66,120,203)
```
#5686d1
```
#5686d1 rgb(86,134,209)
```

Monochromatic Color

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

#2f7fab
```
#2f7fab rgb(47,127,171)
```
#2f75ab
```
#2f75ab rgb(47,117,171)
```
#2f6aab
```
#2f6aab rgb(47,106,171)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#2f56ab
```
#2f56ab rgb(47,86,171)
```
#2f4bab
```
#2f4bab rgb(47,75,171)
```
#2f41ab
```
#2f41ab rgb(47,65,171)
```

Similar Colors

Text with hexadecimal color #2f60ab

This text has a font color of #2f60ab.

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

#2f60ab background color

This paragraph has a background color of #2f60ab.

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

#2f60ab border color

This element has a border color of #2f60ab.

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

CSS codes

.text {color:#2f60ab;}

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

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

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 #f1f5fb is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#050a11
```
#050a11 rgb(5,10,17)
```
#091221
```
#091221 rgb(9,18,33)
```
#0d1b30
```
#0d1b30 rgb(13,27,48)
```
#11243f
```
#11243f rgb(17,36,63)
```
#162c4f
```
#162c4f rgb(22,44,79)
```
#1a355e
```
#1a355e rgb(26,53,94)
```
#1e3d6d
```
#1e3d6d rgb(30,61,109)
```
#22467d
```
#22467d rgb(34,70,125)
```
#274f8c
```
#274f8c rgb(39,79,140)
```
#2b579c
```
#2b579c rgb(43,87,156)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#3369ba
```
#3369ba rgb(51,105,186)
```

Shade Color Variation

#3972c9
```
#3972c9 rgb(57,114,201)
```
#487dcd
```
#487dcd rgb(72,125,205)
```
#5787d1
```
#5787d1 rgb(87,135,209)
```
#6792d5
```
#6792d5 rgb(103,146,213)
```
#769dd9
```
#769dd9 rgb(118,157,217)
```
#86a8de
```
#86a8de rgb(134,168,222)
```
#95b3e2
```
#95b3e2 rgb(149,179,226)
```
#a4bee6
```
#a4bee6 rgb(164,190,230)
```
#b4c9ea
```
#b4c9ea rgb(180,201,234)
```
#c3d4ef
```
#c3d4ef rgb(195,212,239)
```
#d3dff3
```
#d3dff3 rgb(211,223,243)
```
#e2eaf7
```
#e2eaf7 rgb(226,234,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

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

#6a6c70
```
#6a6c70 rgb(106,108,112)
```
#616b79
```
#616b79 rgb(97,107,121)
```
#596981
```
#596981 rgb(89,105,129)
```
#516789
```
#516789 rgb(81,103,137)
```
#486592
```
#486592 rgb(72,101,146)
```
#40649a
```
#40649a rgb(64,100,154)
```
#3762a3
```
#3762a3 rgb(55,98,163)
```
#2f60ab
```
#2f60ab rgb(47,96,171)
```
#275eb3
```
#275eb3 rgb(39,94,179)
```
#1e5cbc
```
#1e5cbc rgb(30,92,188)
```
#165bc4
```
#165bc4 rgb(22,91,196)
```
#0d59cd
```
#0d59cd rgb(13,89,205)
```
#0557d5
```
#0557d5 rgb(5,87,213)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4566ae Protanopia 1% of men
#266aae Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3d64ac Protanomaly 1% of men, 0.01% of women
#2966ad Deuteranomaly 6% of men, 0.4% of women
#116c8c Tritanomaly 0.01% of the population

#2f60ab hex color

#2f60ab Color Information

#2f60ab Color Conversion

Color Schemes with #2f60ab

Alternatives to #2f60ab

#2f60ab Preview

Shades and Tints of #2f60ab

Tones of #2f60ab

Color Blindness Simulator