#2f59bb hex color

In a RGB color space, hex #2f59bb is composed of 18.4% red, 34.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 52.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 222 degrees, a saturation of 59.8% and a lightness of 45.9%. #2f59bb color hex could be obtained by blending #5eb2ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 35
- B 73
RGB color chart
- C 75
- M 52
- Y 0
- K 27
CMYK color chart

● #2f59bb color description : Moderate blue.

The hexadecimal color #2f59bb has RGB values of R:47, G:89, B:187 and CMYK values of C:0.75, M:0.52, Y:0, K:0.27. Its decimal value is 3103163.

Hex triplet	2f59bb	`#2f59bb`
RGB Decimal	47, 89, 187	`rgb(47,89,187)`
RGB Percent	18.4, 34.9, 73.3	`rgb(18.4%,34.9%,73.3%)`
CMYK	75, 52, 0, 27
HSL	222°, 59.8, 45.9	`hsl(222,59.8%,45.9%)`
HSV (or HSB)	222°, 74.9, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.141, 20.252, -55.922
XYZ	13.712, 11.336, 48.476
xyY	0.187, 0.154, 11.336
CIE-LCH	40.141, 59.477, 289.907
CIE-LUV	40.141, -16.289, -82.66
Hunter-Lab	33.669, 13.777, -61.797
Binary	00101111, 01011001, 10111011

#2f59bb
```
#2f59bb rgb(47,89,187)
```
#bb912f
```
#bb912f rgb(187,145,47)
```

Complementary Color

#2f9fbb
```
#2f9fbb rgb(47,159,187)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#4b2fbb
```
#4b2fbb rgb(75,47,187)
```

Analogous Color

#9fbb2f
```
#9fbb2f rgb(159,187,47)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#bb4b2f
```
#bb4b2f rgb(187,75,47)
```

Split Complementary Color

#59bb2f
```
#59bb2f rgb(89,187,47)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#bb2f59
```
#bb2f59 rgb(187,47,89)
```

Triadic Color

#2fbb91
```
#2fbb91 rgb(47,187,145)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#bb2f59
```
#bb2f59 rgb(187,47,89)
```
#bb912f
```
#bb912f rgb(187,145,47)
```

Tetradic Color

#203c7e
```
#203c7e rgb(32,60,126)
```
#254692
```
#254692 rgb(37,70,146)
```
#2a4fa7
```
#2a4fa7 rgb(42,79,167)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#3764cd
```
#3764cd rgb(55,100,205)
```
#4b74d2
```
#4b74d2 rgb(75,116,210)
```
#6083d7
```
#6083d7 rgb(96,131,215)
```

Monochromatic Color

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

#2f7cbb
```
#2f7cbb rgb(47,124,187)
```
#2f70bb
```
#2f70bb rgb(47,112,187)
```
#2f65bb
```
#2f65bb rgb(47,101,187)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#2f4dbb
```
#2f4dbb rgb(47,77,187)
```
#2f42bb
```
#2f42bb rgb(47,66,187)
```
#2f36bb
```
#2f36bb rgb(47,54,187)
```

Similar Colors

Text with hexadecimal color #2f59bb

This text has a font color of #2f59bb.

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

#2f59bb background color

This paragraph has a background color of #2f59bb.

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

#2f59bb border color

This element has a border color of #2f59bb.

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

CSS codes

.text {color:#2f59bb;}

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

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

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, #04070f is the darkest color, while #fefeff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080e1e
```
#080e1e rgb(8,14,30)
```
#0c162e
```
#0c162e rgb(12,22,46)
```
#0f1d3e
```
#0f1d3e rgb(15,29,62)
```
#13254d
```
#13254d rgb(19,37,77)
```
#172c5d
```
#172c5d rgb(23,44,93)
```
#1b346d
```
#1b346d rgb(27,52,109)
```
#1f3b7c
```
#1f3b7c rgb(31,59,124)
```
#23438c
```
#23438c rgb(35,67,140)
```
#274a9c
```
#274a9c rgb(39,74,156)
```
#2b52ab
```
#2b52ab rgb(43,82,171)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#3360cb
```
#3360cb rgb(51,96,203)
```

Shade Color Variation

#426ccf
```
#426ccf rgb(66,108,207)
```
#5178d3
```
#5178d3 rgb(81,120,211)
```
#6185d7
```
#6185d7 rgb(97,133,215)
```
#7191db
```
#7191db rgb(113,145,219)
```
#809ddf
```
#809ddf rgb(128,157,223)
```
#90a9e3
```
#90a9e3 rgb(144,169,227)
```
#a0b5e7
```
#a0b5e7 rgb(160,181,231)
```
#b0c1eb
```
#b0c1eb rgb(176,193,235)
```
#bfceef
```
#bfceef rgb(191,206,239)
```
#cfdaf3
```
#cfdaf3 rgb(207,218,243)
```
#dfe6f7
```
#dfe6f7 rgb(223,230,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6e727c
```
#6e727c rgb(110,114,124)
```
#656f85
```
#656f85 rgb(101,111,133)
```
#5c6b8e
```
#5c6b8e rgb(92,107,142)
```
#536797
```
#536797 rgb(83,103,151)
```
#4a64a0
```
#4a64a0 rgb(74,100,160)
```
#4160a9
```
#4160a9 rgb(65,96,169)
```
#385db2
```
#385db2 rgb(56,93,178)
```
#2f59bb
```
#2f59bb rgb(47,89,187)
```
#2655c4
```
#2655c4 rgb(38,85,196)
```
#1d52cd
```
#1d52cd rgb(29,82,205)
```
#144ed6
```
#144ed6 rgb(20,78,214)
```
#0b4bdf
```
#0b4bdf rgb(11,75,223)
```
#0247e8
```
#0247e8 rgb(2,71,232)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#50586c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e63c0 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#245fbe Protanomaly 1% of men, 0.01% of women
#1163b1 Deuteranomaly 6% of men, 0.4% of women
#116890 Tritanomaly 0.01% of the population

#2f59bb hex color

#2f59bb Color Information

#2f59bb Color Conversion

Color Schemes with #2f59bb

Alternatives to #2f59bb

#2f59bb Preview

Shades and Tints of #2f59bb

Tones of #2f59bb

Color Blindness Simulator