#2f569f hex color

In a RGB color space, hex #2f569f is composed of 18.4% red, 33.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 45.9% magenta, 0% yellow and 37.6% black. It has a hue angle of 219.1 degrees, a saturation of 54.4% and a lightness of 40.4%. #2f569f color hex could be obtained by blending #5eacff with #00003f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 34
- B 62
RGB color chart
- C 70
- M 46
- Y 0
- K 38
CMYK color chart

● #2f569f color description : Dark blue.

The hexadecimal color #2f569f has RGB values of R:47, G:86, B:159 and CMYK values of C:0.7, M:0.46, Y:0, K:0.38. Its decimal value is 3102367.

Hex triplet	2f569f	`#2f569f`
RGB Decimal	47, 86, 159	`rgb(47,86,159)`
RGB Percent	18.4, 33.7, 62.4	`rgb(18.4%,33.7%,62.4%)`
CMYK	70, 46, 0, 38
HSL	219.1°, 54.4, 40.4	`hsl(219.1,54.4%,40.4%)`
HSV (or HSB)	219.1°, 70.4, 62.4
Web Safe	336699	`#336699`

CIE-LAB	37.413, 11.626, -43.75
XYZ	10.757, 9.762, 34.116
xyY	0.197, 0.179, 9.762
CIE-LCH	37.413, 45.269, 284.881
CIE-LUV	37.413, -15.593, -63.135
Hunter-Lab	31.245, 6.774, -42.868
Binary	00101111, 01010110, 10011111

#2f569f
```
#2f569f rgb(47,86,159)
```
#9f782f
```
#9f782f rgb(159,120,47)
```

Complementary Color

#2f8e9f
```
#2f8e9f rgb(47,142,159)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#402f9f
```
#402f9f rgb(64,47,159)
```

Analogous Color

#8e9f2f
```
#8e9f2f rgb(142,159,47)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#9f402f
```
#9f402f rgb(159,64,47)
```

Split Complementary Color

#569f2f
```
#569f2f rgb(86,159,47)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#9f2f56
```
#9f2f56 rgb(159,47,86)
```

Triadic Color

#2f9f78
```
#2f9f78 rgb(47,159,120)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#9f2f56
```
#9f2f56 rgb(159,47,86)
```
#9f782f
```
#9f782f rgb(159,120,47)
```

Tetradic Color

#1e3664
```
#1e3664 rgb(30,54,100)
```
#234178
```
#234178 rgb(35,65,120)
```
#294b8b
```
#294b8b rgb(41,75,139)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#3561b3
```
#3561b3 rgb(53,97,179)
```
#3c6cc5
```
#3c6cc5 rgb(60,108,197)
```
#4f7acb
```
#4f7acb rgb(79,122,203)
```

Monochromatic Color

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

#2f729f
```
#2f729f rgb(47,114,159)
```
#2f699f
```
#2f699f rgb(47,105,159)
```
#2f5f9f
```
#2f5f9f rgb(47,95,159)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#2f4d9f
```
#2f4d9f rgb(47,77,159)
```
#2f439f
```
#2f439f rgb(47,67,159)
```
#2f3a9f
```
#2f3a9f rgb(47,58,159)
```

Similar Colors

Text with hexadecimal color #2f569f

This text has a font color of #2f569f.

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

#2f569f background color

This paragraph has a background color of #2f569f.

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

#2f569f border color

This element has a border color of #2f569f.

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

CSS codes

.text {color:#2f569f;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#070c17
```
#070c17 rgb(7,12,23)
```
#0b1426
```
#0b1426 rgb(11,20,38)
```
#101d35
```
#101d35 rgb(16,29,53)
```
#142544
```
#142544 rgb(20,37,68)
```
#192d53
```
#192d53 rgb(25,45,83)
```
#1d3562
```
#1d3562 rgb(29,53,98)
```
#223d72
```
#223d72 rgb(34,61,114)
```
#264681
```
#264681 rgb(38,70,129)
```
#2b4e90
```
#2b4e90 rgb(43,78,144)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#335eae
```
#335eae rgb(51,94,174)
```
#3866bd
```
#3866bd rgb(56,102,189)
```

Shade Color Variation

#4270c7
```
#4270c7 rgb(66,112,199)
```
#517ccc
```
#517ccc rgb(81,124,204)
```
#6087d0
```
#6087d0 rgb(96,135,208)
```
#6f92d4
```
#6f92d4 rgb(111,146,212)
```
#7e9ed9
```
#7e9ed9 rgb(126,158,217)
```
#8da9dd
```
#8da9dd rgb(141,169,221)
```
#9db5e2
```
#9db5e2 rgb(157,181,226)
```
#acc0e6
```
#acc0e6 rgb(172,192,230)
```
#bbcceb
```
#bbcceb rgb(187,204,235)
```
#cad7ef
```
#cad7ef rgb(202,215,239)
```
#d9e2f4
```
#d9e2f4 rgb(217,226,244)
```
#e8eef8
```
#e8eef8 rgb(232,238,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666768 is the less saturated color, while #074ac7 is the most saturated one.

#666768
```
#666768 rgb(102,103,104)
```
#5f646f
```
#5f646f rgb(95,100,111)
```
#576277
```
#576277 rgb(87,98,119)
```
#4f607f
```
#4f607f rgb(79,96,127)
```
#475d87
```
#475d87 rgb(71,93,135)
```
#3f5b8f
```
#3f5b8f rgb(63,91,143)
```
#375897
```
#375897 rgb(55,88,151)
```
#2f569f
```
#2f569f rgb(47,86,159)
```
#2754a7
```
#2754a7 rgb(39,84,167)
```
#1f51af
```
#1f51af rgb(31,81,175)
```
#174fb7
```
#174fb7 rgb(23,79,183)
```
#0f4cbf
```
#0f4cbf rgb(15,76,191)
```
#074ac7
```
#074ac7 rgb(7,74,199)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5ea3 Protanopia 1% of men
#1962a2 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#375ba1 Protanomaly 1% of men, 0.01% of women
#215da1 Deuteranomaly 6% of men, 0.4% of women
#116282 Tritanomaly 0.01% of the population

#2f569f hex color

#2f569f Color Information

#2f569f Color Conversion

Color Schemes with #2f569f

Alternatives to #2f569f

#2f569f Preview

Shades and Tints of #2f569f

Tones of #2f569f

Color Blindness Simulator