#2f7dbf hex color

In a RGB color space, hex #2f7dbf is composed of 18.4% red, 49% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 34.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 207.5 degrees, a saturation of 60.5% and a lightness of 46.7%. #2f7dbf color hex could be obtained by blending #5efaff with #00007f. Closest websafe color is: #3366cc.

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

● #2f7dbf color description : Strong blue.

The hexadecimal color #2f7dbf has RGB values of R:47, G:125, B:191 and CMYK values of C:0.75, M:0.35, Y:0, K:0.25. Its decimal value is 3112383.

Hex triplet	2f7dbf	`#2f7dbf`
RGB Decimal	47, 125, 191	`rgb(47,125,191)`
RGB Percent	18.4, 49, 74.9	`rgb(18.4%,49%,74.9%)`
CMYK	75, 35, 0, 25
HSL	207.5°, 60.5, 46.7	`hsl(207.5,60.5%,46.7%)`
HSV (or HSB)	207.5°, 75.4, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.724, -0.965, -41.306
XYZ	17.908, 19.032, 52.017
xyY	0.201, 0.214, 19.032
CIE-LCH	50.724, 41.317, 268.662
CIE-LUV	50.724, -27.649, -62.986
Hunter-Lab	43.625, -3.072, -40.157
Binary	00101111, 01111101, 10111111

#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#bf712f
```
#bf712f rgb(191,113,47)
```

Complementary Color

#2fbfb9
```
#2fbfb9 rgb(47,191,185)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#2f35bf
```
#2f35bf rgb(47,53,191)
```

Analogous Color

#bfb92f
```
#bfb92f rgb(191,185,47)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#bf2f35
```
#bf2f35 rgb(191,47,53)
```

Split Complementary Color

#7dbf2f
```
#7dbf2f rgb(125,191,47)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#bf2f7d
```
#bf2f7d rgb(191,47,125)
```

Triadic Color

#2fbf71
```
#2fbf71 rgb(47,191,113)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#bf2f7d
```
#bf2f7d rgb(191,47,125)
```
#bf712f
```
#bf712f rgb(191,113,47)
```

Tetradic Color

#205582
```
#205582 rgb(32,85,130)
```
#256296
```
#256296 rgb(37,98,150)
```
#2a70ab
```
#2a70ab rgb(42,112,171)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#398ace
```
#398ace rgb(57,138,206)
```
#4e96d3
```
#4e96d3 rgb(78,150,211)
```
#62a2d8
```
#62a2d8 rgb(98,162,216)
```

Monochromatic Color

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

#2fa1bf
```
#2fa1bf rgb(47,161,191)
```
#2f95bf
```
#2f95bf rgb(47,149,191)
```
#2f89bf
```
#2f89bf rgb(47,137,191)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#2f71bf
```
#2f71bf rgb(47,113,191)
```
#2f65bf
```
#2f65bf rgb(47,101,191)
```
#2f59bf
```
#2f59bf rgb(47,89,191)
```

Similar Colors

Text with hexadecimal color #2f7dbf

This text has a font color of #2f7dbf.

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

#2f7dbf background color

This paragraph has a background color of #2f7dbf.

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

#2f7dbf border color

This element has a border color of #2f7dbf.

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

CSS codes

.text {color:#2f7dbf;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#081622
```
#081622 rgb(8,22,34)
```
#0c2031
```
#0c2031 rgb(12,32,49)
```
#102b41
```
#102b41 rgb(16,43,65)
```
#143551
```
#143551 rgb(20,53,81)
```
#183f61
```
#183f61 rgb(24,63,97)
```
#1c4970
```
#1c4970 rgb(28,73,112)
```
#205480
```
#205480 rgb(32,84,128)
```
#235e90
```
#235e90 rgb(35,94,144)
```
#2768a0
```
#2768a0 rgb(39,104,160)
```
#2b73af
```
#2b73af rgb(43,115,175)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```

Shade Color Variation

#3487cd
```
#3487cd rgb(52,135,205)
```
#4490d1
```
#4490d1 rgb(68,144,209)
```
#549ad5
```
#549ad5 rgb(84,154,213)
```
#64a3d9
```
#64a3d9 rgb(100,163,217)
```
#73acdd
```
#73acdd rgb(115,172,221)
```
#83b6e1
```
#83b6e1 rgb(131,182,225)
```
#93bfe4
```
#93bfe4 rgb(147,191,228)
```
#a3c8e8
```
#a3c8e8 rgb(163,200,232)
```
#b2d2ec
```
#b2d2ec rgb(178,210,236)
```
#c2dbf0
```
#c2dbf0 rgb(194,219,240)
```
#d2e4f4
```
#d2e4f4 rgb(210,228,244)
```
#e2eef8
```
#e2eef8 rgb(226,238,248)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

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

#6f787f
```
#6f787f rgb(111,120,127)
```
#667888
```
#667888 rgb(102,120,136)
```
#5d7991
```
#5d7991 rgb(93,121,145)
```
#547a9a
```
#547a9a rgb(84,122,154)
```
#4a7ba4
```
#4a7ba4 rgb(74,123,164)
```
#417bad
```
#417bad rgb(65,123,173)
```
#387cb6
```
#387cb6 rgb(56,124,182)
```
#2f7dbf
```
#2f7dbf rgb(47,125,191)
```
#267ec8
```
#267ec8 rgb(38,126,200)
```
#1d7fd1
```
#1d7fd1 rgb(29,127,209)
```
#147fda
```
#147fda rgb(20,127,218)
```
#0a80e4
```
#0a80e4 rgb(10,128,228)
```
#0181ed
```
#0181ed rgb(1,129,237)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#61707d Atypical Achromatopsia 0.001% of the population

Dichromacy

#667dbd Protanopia 1% of men
#5480c3 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#527dbe Protanomaly 1% of men, 0.01% of women
#467ec2 Deuteranomaly 6% of men, 0.4% of women
#1186a4 Tritanomaly 0.01% of the population

#2f7dbf hex color

#2f7dbf Color Information

#2f7dbf Color Conversion

Color Schemes with #2f7dbf

Alternatives to #2f7dbf

#2f7dbf Preview

Shades and Tints of #2f7dbf

Tones of #2f7dbf

Color Blindness Simulator