#2f569c hex color

In a RGB color space, hex #2f569c is composed of 18.4% red, 33.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 44.9% magenta, 0% yellow and 38.8% black. It has a hue angle of 218.5 degrees, a saturation of 53.7% and a lightness of 39.8%. #2f569c color hex could be obtained by blending #5eacff with #000039. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 34
- B 61
RGB color chart
- C 70
- M 45
- Y 0
- K 39
CMYK color chart

● #2f569c color description : Dark moderate blue.

The hexadecimal color #2f569c has RGB values of R:47, G:86, B:156 and CMYK values of C:0.7, M:0.45, Y:0, K:0.39. Its decimal value is 3102364.

Hex triplet	2f569c	`#2f569c`
RGB Decimal	47, 86, 156	`rgb(47,86,156)`
RGB Percent	18.4, 33.7, 61.2	`rgb(18.4%,33.7%,61.2%)`
CMYK	70, 45, 0, 39
HSL	218.5°, 53.7, 39.8	`hsl(218.5,53.7%,39.8%)`
HSV (or HSB)	218.5°, 69.9, 61.2
Web Safe	336699	`#336699`

CIE-LAB	37.224, 10.494, -42.253
XYZ	10.5, 9.66, 32.762
xyY	0.198, 0.183, 9.66
CIE-LCH	37.224, 43.537, 283.948
CIE-LUV	37.224, -15.622, -60.797
Hunter-Lab	31.08, 5.912, -40.743
Binary	00101111, 01010110, 10011100

#2f569c
```
#2f569c rgb(47,86,156)
```
#9c752f
```
#9c752f rgb(156,117,47)
```

Complementary Color

#2f8d9c
```
#2f8d9c rgb(47,141,156)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#3e2f9c
```
#3e2f9c rgb(62,47,156)
```

Analogous Color

#8d9c2f
```
#8d9c2f rgb(141,156,47)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#9c3e2f
```
#9c3e2f rgb(156,62,47)
```

Split Complementary Color

#569c2f
```
#569c2f rgb(86,156,47)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#9c2f56
```
#9c2f56 rgb(156,47,86)
```

Triadic Color

#2f9c75
```
#2f9c75 rgb(47,156,117)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#9c2f56
```
#9c2f56 rgb(156,47,86)
```
#9c752f
```
#9c752f rgb(156,117,47)
```

Tetradic Color

#1d3661
```
#1d3661 rgb(29,54,97)
```
#234075
```
#234075 rgb(35,64,117)
```
#294b88
```
#294b88 rgb(41,75,136)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#3561b0
```
#3561b0 rgb(53,97,176)
```
#3b6cc3
```
#3b6cc3 rgb(59,108,195)
```
#4e7aca
```
#4e7aca rgb(78,122,202)
```

Monochromatic Color

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

#2f719c
```
#2f719c rgb(47,113,156)
```
#2f689c
```
#2f689c rgb(47,104,156)
```
#2f5f9c
```
#2f5f9c rgb(47,95,156)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#2f4d9c
```
#2f4d9c rgb(47,77,156)
```
#2f449c
```
#2f449c rgb(47,68,156)
```
#2f3b9c
```
#2f3b9c rgb(47,59,156)
```

Similar Colors

Text with hexadecimal color #2f569c

This text has a font color of #2f569c.

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

#2f569c background color

This paragraph has a background color of #2f569c.

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

#2f569c border color

This element has a border color of #2f569c.

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

CSS codes

.text {color:#2f569c;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1423
```
#0b1423 rgb(11,20,35)
```
#0f1c32
```
#0f1c32 rgb(15,28,50)
```
#142442
```
#142442 rgb(20,36,66)
```
#182c51
```
#182c51 rgb(24,44,81)
```
#1d3560
```
#1d3560 rgb(29,53,96)
```
#213d6f
```
#213d6f rgb(33,61,111)
```
#26457e
```
#26457e rgb(38,69,126)
```
#2a4e8d
```
#2a4e8d rgb(42,78,141)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#345eab
```
#345eab rgb(52,94,171)
```
#3867ba
```
#3867ba rgb(56,103,186)
```

Shade Color Variation

#4070c6
```
#4070c6 rgb(64,112,198)
```
#4f7bca
```
#4f7bca rgb(79,123,202)
```
#5e87cf
```
#5e87cf rgb(94,135,207)
```
#6e92d3
```
#6e92d3 rgb(110,146,211)
```
#7d9dd8
```
#7d9dd8 rgb(125,157,216)
```
#8ca9dc
```
#8ca9dc rgb(140,169,220)
```
#9bb4e1
```
#9bb4e1 rgb(155,180,225)
```
#aabfe5
```
#aabfe5 rgb(170,191,229)
```
#b9caea
```
#b9caea rgb(185,202,234)
```
#c8d6ee
```
#c8d6ee rgb(200,214,238)
```
#d7e1f3
```
#d7e1f3 rgb(215,225,243)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e636d is the less saturated color, while #0049cb is the most saturated one.

#5e636d
```
#5e636d rgb(94,99,109)
```
#566175
```
#566175 rgb(86,97,117)
```
#4e5f7d
```
#4e5f7d rgb(78,95,125)
```
#465d85
```
#465d85 rgb(70,93,133)
```
#3f5a8c
```
#3f5a8c rgb(63,90,140)
```
#375894
```
#375894 rgb(55,88,148)
```
#2f569c
```
#2f569c rgb(47,86,156)
```
#2754a4
```
#2754a4 rgb(39,84,164)
```
#1f52ac
```
#1f52ac rgb(31,82,172)
```
#184fb3
```
#184fb3 rgb(24,79,179)
```
#104dbb
```
#104dbb rgb(16,77,187)
```
#084bc3
```
#084bc3 rgb(8,75,195)
```
#0049cb
```
#0049cb rgb(0,73,203)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5ea0 Protanopia 1% of men
#22619f Deuteranopia 1% of men
#006971 Tritanopia 0.001% of the population

Trichromacy

#395b9e Protanomaly 1% of men, 0.01% of women
#275d9e Deuteranomaly 6% of men, 0.4% of women
#116280 Tritanomaly 0.01% of the population

#2f569c hex color

#2f569c Color Information

#2f569c Color Conversion

Color Schemes with #2f569c

Alternatives to #2f569c

#2f569c Preview

Shades and Tints of #2f569c

Tones of #2f569c

Color Blindness Simulator