#2f69b7 hex color

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

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

● #2f69b7 color description : Moderate blue.

The hexadecimal color #2f69b7 has RGB values of R:47, G:105, B:183 and CMYK values of C:0.74, M:0.43, Y:0, K:0.28. Its decimal value is 3107255.

Hex triplet	2f69b7	`#2f69b7`
RGB Decimal	47, 105, 183	`rgb(47,105,183)`
RGB Percent	18.4, 41.2, 71.8	`rgb(18.4%,41.2%,71.8%)`
CMYK	74, 43, 0, 28
HSL	214.4°, 59.1, 45.1	`hsl(214.4,59.1%,45.1%)`
HSV (or HSB)	214.4°, 74.3, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.412, 8.411, -46.718
XYZ	14.769, 14.125, 46.745
xyY	0.195, 0.187, 14.125
CIE-LCH	44.412, 47.469, 280.207
CIE-LUV	44.412, -21.257, -70.34
Hunter-Lab	37.584, 4.374, -47.434
Binary	00101111, 01101001, 10110111

#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#b77d2f
```
#b77d2f rgb(183,125,47)
```

Complementary Color

#2fadb7
```
#2fadb7 rgb(47,173,183)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#392fb7
```
#392fb7 rgb(57,47,183)
```

Analogous Color

#adb72f
```
#adb72f rgb(173,183,47)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#b7392f
```
#b7392f rgb(183,57,47)
```

Split Complementary Color

#69b72f
```
#69b72f rgb(105,183,47)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#b72f69
```
#b72f69 rgb(183,47,105)
```

Triadic Color

#2fb77d
```
#2fb77d rgb(47,183,125)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#b72f69
```
#b72f69 rgb(183,47,105)
```
#b77d2f
```
#b77d2f rgb(183,125,47)
```

Tetradic Color

#1f467a
```
#1f467a rgb(31,70,122)
```
#25528e
```
#25528e rgb(37,82,142)
```
#2a5da3
```
#2a5da3 rgb(42,93,163)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#3575cb
```
#3575cb rgb(53,117,203)
```
#4983d0
```
#4983d0 rgb(73,131,208)
```
#5d90d5
```
#5d90d5 rgb(93,144,213)
```

Monochromatic Color

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

#2f8bb7
```
#2f8bb7 rgb(47,139,183)
```
#2f80b7
```
#2f80b7 rgb(47,128,183)
```
#2f74b7
```
#2f74b7 rgb(47,116,183)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#2f5eb7
```
#2f5eb7 rgb(47,94,183)
```
#2f52b7
```
#2f52b7 rgb(47,82,183)
```
#2f47b7
```
#2f47b7 rgb(47,71,183)
```

Similar Colors

Text with hexadecimal color #2f69b7

This text has a font color of #2f69b7.

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

#2f69b7 background color

This paragraph has a background color of #2f69b7.

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

#2f69b7 border color

This element has a border color of #2f69b7.

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

CSS codes

.text {color:#2f69b7;}

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

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

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)
```
#070f1b
```
#070f1b rgb(7,15,27)
```
#0b182b
```
#0b182b rgb(11,24,43)
```
#0f213a
```
#0f213a rgb(15,33,58)
```
#132a4a
```
#132a4a rgb(19,42,74)
```
#173359
```
#173359 rgb(23,51,89)
```
#1b3c69
```
#1b3c69 rgb(27,60,105)
```
#1f4579
```
#1f4579 rgb(31,69,121)
```
#234e88
```
#234e88 rgb(35,78,136)
```
#275798
```
#275798 rgb(39,87,152)
```
#2b60a7
```
#2b60a7 rgb(43,96,167)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#3372c7
```
#3372c7 rgb(51,114,199)
```

Shade Color Variation

#3f7cce
```
#3f7cce rgb(63,124,206)
```
#4f87d2
```
#4f87d2 rgb(79,135,210)
```
#5f91d6
```
#5f91d6 rgb(95,145,214)
```
#6e9cda
```
#6e9cda rgb(110,156,218)
```
#7ea7de
```
#7ea7de rgb(126,167,222)
```
#8db1e2
```
#8db1e2 rgb(141,177,226)
```
#9dbce6
```
#9dbce6 rgb(157,188,230)
```
#adc7ea
```
#adc7ea rgb(173,199,234)
```
#bcd1ee
```
#bcd1ee rgb(188,209,238)
```
#ccdcf2
```
#ccdcf2 rgb(204,220,242)
```
#dce7f6
```
#dce7f6 rgb(220,231,246)
```
#ebf1fa
```
#ebf1fa rgb(235,241,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#6d7279
```
#6d7279 rgb(109,114,121)
```
#647182
```
#647182 rgb(100,113,130)
```
#5b708b
```
#5b708b rgb(91,112,139)
```
#526e94
```
#526e94 rgb(82,110,148)
```
#4a6d9c
```
#4a6d9c rgb(74,109,156)
```
#416ca5
```
#416ca5 rgb(65,108,165)
```
#386aae
```
#386aae rgb(56,106,174)
```
#2f69b7
```
#2f69b7 rgb(47,105,183)
```
#2668c0
```
#2668c0 rgb(38,104,192)
```
#1d66c9
```
#1d66c9 rgb(29,102,201)
```
#1465d2
```
#1465d2 rgb(20,101,210)
```
#0c64da
```
#0c64da rgb(12,100,218)
```
#0362e3
```
#0362e3 rgb(3,98,227)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6eb8 Protanopia 1% of men
#2d72ba Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#426cb8 Protanomaly 1% of men, 0.01% of women
#2d6eb9 Deuteranomaly 6% of men, 0.4% of women
#117496 Tritanomaly 0.01% of the population

#2f69b7 hex color

#2f69b7 Color Information

#2f69b7 Color Conversion

Color Schemes with #2f69b7

Alternatives to #2f69b7

#2f69b7 Preview

Shades and Tints of #2f69b7

Tones of #2f69b7

Color Blindness Simulator