#2f8dd2 hex color

In a RGB color space, hex #2f8dd2 is composed of 18.4% red, 55.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 32.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.4 degrees, a saturation of 64.4% and a lightness of 50.4%. #2f8dd2 color hex could be obtained by blending #5effff with #001ba5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 55
- B 82
RGB color chart
- C 78
- M 33
- Y 0
- K 18
CMYK color chart

● #2f8dd2 color description : Strong blue.

The hexadecimal color #2f8dd2 has RGB values of R:47, G:141, B:210 and CMYK values of C:0.78, M:0.33, Y:0, K:0.18. Its decimal value is 3116498.

Hex triplet	2f8dd2	`#2f8dd2`
RGB Decimal	47, 141, 210	`rgb(47,141,210)`
RGB Percent	18.4, 55.3, 82.4	`rgb(18.4%,55.3%,82.4%)`
CMYK	78, 33, 0, 18
HSL	205.4°, 64.4, 50.4	`hsl(205.4,64.4%,50.4%)`
HSV (or HSB)	205.4°, 77.6, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.392, -3.526, -43.141
XYZ	22.327, 24.305, 64.484
xyY	0.201, 0.219, 24.305
CIE-LCH	56.392, 43.285, 265.328
CIE-LUV	56.392, -32.223, -67.018
Hunter-Lab	49.3, -5.437, -43.04
Binary	00101111, 10001101, 11010010

#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#d2742f
```
#d2742f rgb(210,116,47)
```

Complementary Color

#2fd2c6
```
#2fd2c6 rgb(47,210,198)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#2f3cd2
```
#2f3cd2 rgb(47,60,210)
```

Analogous Color

#d2c62f
```
#d2c62f rgb(210,198,47)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#d22f3c
```
#d22f3c rgb(210,47,60)
```

Split Complementary Color

#8dd22f
```
#8dd22f rgb(141,210,47)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#d22f8d
```
#d22f8d rgb(210,47,141)
```

Triadic Color

#2fd274
```
#2fd274 rgb(47,210,116)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#d22f8d
```
#d22f8d rgb(210,47,141)
```
#d2742f
```
#d2742f rgb(210,116,47)
```

Tetradic Color

#206394
```
#206394 rgb(32,99,148)
```
#2571a9
```
#2571a9 rgb(37,113,169)
```
#297fbe
```
#297fbe rgb(41,127,190)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#4498d7
```
#4498d7 rgb(68,152,215)
```
#59a4db
```
#59a4db rgb(89,164,219)
```
#6eafe0
```
#6eafe0 rgb(110,175,224)
```

Monochromatic Color

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

#2fb6d2
```
#2fb6d2 rgb(47,182,210)
```
#2fa8d2
```
#2fa8d2 rgb(47,168,210)
```
#2f9bd2
```
#2f9bd2 rgb(47,155,210)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#2f7fd2
```
#2f7fd2 rgb(47,127,210)
```
#2f72d2
```
#2f72d2 rgb(47,114,210)
```
#2f64d2
```
#2f64d2 rgb(47,100,210)
```

Similar Colors

Text with hexadecimal color #2f8dd2

This text has a font color of #2f8dd2.

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

#2f8dd2 background color

This paragraph has a background color of #2f8dd2.

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

#2f8dd2 border color

This element has a border color of #2f8dd2.

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

CSS codes

.text {color:#2f8dd2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#071722
```
#071722 rgb(7,23,34)
```
#0b2132
```
#0b2132 rgb(11,33,50)
```
#0e2c42
```
#0e2c42 rgb(14,44,66)
```
#123752
```
#123752 rgb(18,55,82)
```
#154262
```
#154262 rgb(21,66,98)
```
#194d73
```
#194d73 rgb(25,77,115)
```
#1c5783
```
#1c5783 rgb(28,87,131)
```
#206293
```
#206293 rgb(32,98,147)
```
#236da3
```
#236da3 rgb(35,109,163)
```
#2778b3
```
#2778b3 rgb(39,120,179)
```
#2a82c3
```
#2a82c3 rgb(42,130,195)
```

Shade Color Variation

#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#3f96d5
```
#3f96d5 rgb(63,150,213)
```
#4f9fd9
```
#4f9fd9 rgb(79,159,217)
```
#5fa8dc
```
#5fa8dc rgb(95,168,220)
```
#70b0e0
```
#70b0e0 rgb(112,176,224)
```
#80b9e3
```
#80b9e3 rgb(128,185,227)
```
#90c2e7
```
#90c2e7 rgb(144,194,231)
```
#a0cbea
```
#a0cbea rgb(160,203,234)
```
#b0d4ee
```
#b0d4ee rgb(176,212,238)
```
#c0ddf1
```
#c0ddf1 rgb(192,221,241)
```
#d0e5f5
```
#d0e5f5 rgb(208,229,245)
```
#e0eef8
```
#e0eef8 rgb(224,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, #7d8184 is the less saturated color, while #0893f9 is the most saturated one.

#7d8184
```
#7d8184 rgb(125,129,132)
```
#73838e
```
#73838e rgb(115,131,142)
```
#698498
```
#698498 rgb(105,132,152)
```
#6086a1
```
#6086a1 rgb(96,134,161)
```
#5687ab
```
#5687ab rgb(86,135,171)
```
#4c89b5
```
#4c89b5 rgb(76,137,181)
```
#428abf
```
#428abf rgb(66,138,191)
```
#398cc8
```
#398cc8 rgb(57,140,200)
```
#2f8dd2
```
#2f8dd2 rgb(47,141,210)
```
#258edc
```
#258edc rgb(37,142,220)
```
#1c90e5
```
#1c90e5 rgb(28,144,229)
```
#1291ef
```
#1291ef rgb(18,145,239)
```
#0893f9
```
#0893f9 rgb(8,147,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#748bce Protanopia 1% of men
#608dd6 Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#5a8bcf Protanomaly 1% of men, 0.01% of women
#4e8dd4 Deuteranomaly 6% of men, 0.4% of women
#1196b5 Tritanomaly 0.01% of the population

#2f8dd2 hex color

#2f8dd2 Color Information

#2f8dd2 Color Conversion

Color Schemes with #2f8dd2

Alternatives to #2f8dd2

#2f8dd2 Preview

Shades and Tints of #2f8dd2

Tones of #2f8dd2

Color Blindness Simulator