#2fabdc hex color

In a RGB color space, hex #2fabdc is composed of 18.4% red, 67.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 22.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 197 degrees, a saturation of 71.2% and a lightness of 52.4%. #2fabdc color hex could be obtained by blending #5effff with #0057b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 67
- B 86
RGB color chart
- C 79
- M 22
- Y 0
- K 14
CMYK color chart

● #2fabdc color description : Bright blue.

The hexadecimal color #2fabdc has RGB values of R:47, G:171, B:220 and CMYK values of C:0.79, M:0.22, Y:0, K:0.14. Its decimal value is 3124188.

Hex triplet	2fabdc	`#2fabdc`
RGB Decimal	47, 171, 220	`rgb(47,171,220)`
RGB Percent	18.4, 67.1, 86.3	`rgb(18.4%,67.1%,86.3%)`
CMYK	79, 22, 0, 14
HSL	197°, 71.2, 52.4	`hsl(197,71.2%,52.4%)`
HSV (or HSB)	197°, 78.6, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.667, -16.764, -34.186
XYZ	28.65, 34.895, 72.932
xyY	0.21, 0.256, 34.895
CIE-LCH	65.667, 38.075, 243.878
CIE-LUV	65.667, -41.98, -52.017
Hunter-Lab	59.072, -16.803, -31.851
Binary	00101111, 10101011, 11011100

#2fabdc
```
#2fabdc rgb(47,171,220)
```
#dc602f
```
#dc602f rgb(220,96,47)
```

Complementary Color

#2fdcb7
```
#2fdcb7 rgb(47,220,183)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#2f55dc
```
#2f55dc rgb(47,85,220)
```

Analogous Color

#dcb72f
```
#dcb72f rgb(220,183,47)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#dc2f55
```
#dc2f55 rgb(220,47,85)
```

Split Complementary Color

#abdc2f
```
#abdc2f rgb(171,220,47)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#dc2fab
```
#dc2fab rgb(220,47,171)
```

Triadic Color

#2fdc60
```
#2fdc60 rgb(47,220,96)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#dc2fab
```
#dc2fab rgb(220,47,171)
```
#dc602f
```
#dc602f rgb(220,96,47)
```

Tetradic Color

#1b7da3
```
#1b7da3 rgb(27,125,163)
```
#1f8db9
```
#1f8db9 rgb(31,141,185)
```
#239ecf
```
#239ecf rgb(35,158,207)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#45b4e0
```
#45b4e0 rgb(69,180,224)
```
#5bbde3
```
#5bbde3 rgb(91,189,227)
```
#70c5e7
```
#70c5e7 rgb(112,197,231)
```

Monochromatic Color

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

#2fd6dc
```
#2fd6dc rgb(47,214,220)
```
#2fc8dc
```
#2fc8dc rgb(47,200,220)
```
#2fb9dc
```
#2fb9dc rgb(47,185,220)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#2f9ddc
```
#2f9ddc rgb(47,157,220)
```
#2f8edc
```
#2f8edc rgb(47,142,220)
```
#2f80dc
```
#2f80dc rgb(47,128,220)
```

Similar Colors

Text with hexadecimal color #2fabdc

This text has a font color of #2fabdc.

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

#2fabdc background color

This paragraph has a background color of #2fabdc.

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

#2fabdc border color

This element has a border color of #2fabdc.

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

CSS codes

.text {color:#2fabdc;}

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

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

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, #02080a is the darkest color, while #f8fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#05151b
```
#05151b rgb(5,21,27)
```
#07222c
```
#07222c rgb(7,34,44)
```
#0a2e3d
```
#0a2e3d rgb(10,46,61)
```
#0d3b4d
```
#0d3b4d rgb(13,59,77)
```
#10485e
```
#10485e rgb(16,72,94)
```
#13556f
```
#13556f rgb(19,85,111)
```
#166280
```
#166280 rgb(22,98,128)
```
#186f91
```
#186f91 rgb(24,111,145)
```
#1b7ba1
```
#1b7ba1 rgb(27,123,161)
```
#1e88b2
```
#1e88b2 rgb(30,136,178)
```
#2195c3
```
#2195c3 rgb(33,149,195)
```
#24a2d4
```
#24a2d4 rgb(36,162,212)
```

Shade Color Variation

#2fabdc
```
#2fabdc rgb(47,171,220)
```
#40b2df
```
#40b2df rgb(64,178,223)
```
#51b9e2
```
#51b9e2 rgb(81,185,226)
```
#61bfe4
```
#61bfe4 rgb(97,191,228)
```
#72c6e7
```
#72c6e7 rgb(114,198,231)
```
#83cdea
```
#83cdea rgb(131,205,234)
```
#94d4ed
```
#94d4ed rgb(148,212,237)
```
#a5daf0
```
#a5daf0 rgb(165,218,240)
```
#b5e1f3
```
#b5e1f3 rgb(181,225,243)
```
#c6e8f5
```
#c6e8f5 rgb(198,232,245)
```
#d7eff8
```
#d7eff8 rgb(215,239,248)
```
#e8f6fb
```
#e8f6fb rgb(232,246,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#838788
```
#838788 rgb(131,135,136)
```
#7a8b91
```
#7a8b91 rgb(122,139,145)
```
#708f9b
```
#708f9b rgb(112,143,155)
```
#6793a4
```
#6793a4 rgb(103,147,164)
```
#5e97ad
```
#5e97ad rgb(94,151,173)
```
#549bb7
```
#549bb7 rgb(84,155,183)
```
#4b9fc0
```
#4b9fc0 rgb(75,159,192)
```
#42a3c9
```
#42a3c9 rgb(66,163,201)
```
#38a7d3
```
#38a7d3 rgb(56,167,211)
```
#2fabdc
```
#2fabdc rgb(47,171,220)
```
#26afe5
```
#26afe5 rgb(38,175,229)
```
#1cb3ef
```
#1cb3ef rgb(28,179,239)
```
#13b7f8
```
#13b7f8 rgb(19,183,248)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#79929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a2d5 Protanopia 1% of men
#8ba3e2 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#70a5d7 Protanomaly 1% of men, 0.01% of women
#69a5e0 Deuteranomaly 6% of men, 0.4% of women
#11b0cb Tritanomaly 0.01% of the population

#2fabdc hex color

#2fabdc Color Information

#2fabdc Color Conversion

Color Schemes with #2fabdc

Alternatives to #2fabdc

#2fabdc Preview

Shades and Tints of #2fabdc

Tones of #2fabdc

Color Blindness Simulator