#2f60b7 hex color

In a RGB color space, hex #2f60b7 is composed of 18.4% red, 37.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 47.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 218.4 degrees, a saturation of 59.1% and a lightness of 45.1%. #2f60b7 color hex could be obtained by blending #5ec0ff with #00006f. Closest websafe color is: #3366cc.

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

● #2f60b7 color description : Moderate blue.

The hexadecimal color #2f60b7 has RGB values of R:47, G:96, B:183 and CMYK values of C:0.74, M:0.48, Y:0, K:0.28. Its decimal value is 3104951.

Hex triplet	2f60b7	`#2f60b7`
RGB Decimal	47, 96, 183	`rgb(47,96,183)`
RGB Percent	18.4, 37.6, 71.8	`rgb(18.4%,37.6%,71.8%)`
CMYK	74, 48, 0, 28
HSL	218.4°, 59.1, 45.1	`hsl(218.4,59.1%,45.1%)`
HSV (or HSB)	218.4°, 74.3, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.826, 14.181, -50.864
XYZ	13.901, 12.388, 46.456
xyY	0.191, 0.17, 12.388
CIE-LCH	41.826, 52.804, 285.578
CIE-LUV	41.826, -18.413, -75.872
Hunter-Lab	35.197, 8.903, -53.619
Binary	00101111, 01100000, 10110111

#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#b7862f
```
#b7862f rgb(183,134,47)
```

Complementary Color

#2fa4b7
```
#2fa4b7 rgb(47,164,183)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#422fb7
```
#422fb7 rgb(66,47,183)
```

Analogous Color

#a4b72f
```
#a4b72f rgb(164,183,47)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#b7422f
```
#b7422f rgb(183,66,47)
```

Split Complementary Color

#60b72f
```
#60b72f rgb(96,183,47)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#b72f60
```
#b72f60 rgb(183,47,96)
```

Triadic Color

#2fb786
```
#2fb786 rgb(47,183,134)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#b72f60
```
#b72f60 rgb(183,47,96)
```
#b7862f
```
#b7862f rgb(183,134,47)
```

Tetradic Color

#1f407a
```
#1f407a rgb(31,64,122)
```
#254b8e
```
#254b8e rgb(37,75,142)
```
#2a55a3
```
#2a55a3 rgb(42,85,163)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#356bcb
```
#356bcb rgb(53,107,203)
```
#497ad0
```
#497ad0 rgb(73,122,208)
```
#5d88d5
```
#5d88d5 rgb(93,136,213)
```

Monochromatic Color

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

#2f82b7
```
#2f82b7 rgb(47,130,183)
```
#2f77b7
```
#2f77b7 rgb(47,119,183)
```
#2f6bb7
```
#2f6bb7 rgb(47,107,183)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#2f55b7
```
#2f55b7 rgb(47,85,183)
```
#2f49b7
```
#2f49b7 rgb(47,73,183)
```
#2f3eb7
```
#2f3eb7 rgb(47,62,183)
```

Similar Colors

Text with hexadecimal color #2f60b7

This text has a font color of #2f60b7.

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

#2f60b7 background color

This paragraph has a background color of #2f60b7.

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

#2f60b7 border color

This element has a border color of #2f60b7.

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

CSS codes

.text {color:#2f60b7;}

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

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

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, #03060b is the darkest color, while #fbfcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#070e1b
```
#070e1b rgb(7,14,27)
```
#0b162b
```
#0b162b rgb(11,22,43)
```
#0f1f3a
```
#0f1f3a rgb(15,31,58)
```
#13274a
```
#13274a rgb(19,39,74)
```
#172f59
```
#172f59 rgb(23,47,89)
```
#1b3769
```
#1b3769 rgb(27,55,105)
```
#1f3f79
```
#1f3f79 rgb(31,63,121)
```
#234788
```
#234788 rgb(35,71,136)
```
#275098
```
#275098 rgb(39,80,152)
```
#2b58a7
```
#2b58a7 rgb(43,88,167)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#3368c7
```
#3368c7 rgb(51,104,199)
```

Shade Color Variation

#3f73ce
```
#3f73ce rgb(63,115,206)
```
#4f7ed2
```
#4f7ed2 rgb(79,126,210)
```
#5f8ad6
```
#5f8ad6 rgb(95,138,214)
```
#6e95da
```
#6e95da rgb(110,149,218)
```
#7ea0de
```
#7ea0de rgb(126,160,222)
```
#8dace2
```
#8dace2 rgb(141,172,226)
```
#9db7e6
```
#9db7e6 rgb(157,183,230)
```
#adc3ea
```
#adc3ea rgb(173,195,234)
```
#bcceee
```
#bcceee rgb(188,206,238)
```
#ccdaf2
```
#ccdaf2 rgb(204,218,242)
```
#dce5f6
```
#dce5f6 rgb(220,229,246)
```
#ebf0fa
```
#ebf0fa rgb(235,240,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#6d7179
```
#6d7179 rgb(109,113,121)
```
#646f82
```
#646f82 rgb(100,111,130)
```
#5b6c8b
```
#5b6c8b rgb(91,108,139)
```
#526a94
```
#526a94 rgb(82,106,148)
```
#4a679c
```
#4a679c rgb(74,103,156)
```
#4165a5
```
#4165a5 rgb(65,101,165)
```
#3862ae
```
#3862ae rgb(56,98,174)
```
#2f60b7
```
#2f60b7 rgb(47,96,183)
```
#265ec0
```
#265ec0 rgb(38,94,192)
```
#1d5bc9
```
#1d5bc9 rgb(29,91,201)
```
#1459d2
```
#1459d2 rgb(20,89,210)
```
#0c56da
```
#0c56da rgb(12,86,218)
```
#0354e3
```
#0354e3 rgb(3,84,227)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b68ba Protanopia 1% of men
#006cb4 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#3665b9 Protanomaly 1% of men, 0.01% of women
#1168b5 Deuteranomaly 6% of men, 0.4% of women
#116d92 Tritanomaly 0.01% of the population

#2f60b7 hex color

#2f60b7 Color Information

#2f60b7 Color Conversion

Color Schemes with #2f60b7

Alternatives to #2f60b7

#2f60b7 Preview

Shades and Tints of #2f60b7

Tones of #2f60b7

Color Blindness Simulator