colorhexa.com

#2fb3d8 hex color

In a RGB color space, hex #2fb3d8 is composed of 18.4% red, 70.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 17.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 193.1 degrees, a saturation of 68.4% and a lightness of 51.6%. #2fb3d8 color hex could be obtained by blending #5effff with #0067b1. Closest websafe color is: #33cccc.

- R 18
- G 70
- B 85
RGB color chart
- C 78
- M 17
- Y 0
- K 15
CMYK color chart

● #2fb3d8 color description : Strong cyan.

The hexadecimal color #2fb3d8 has RGB values of R:47, G:179, B:216 and CMYK values of C:0.78, M:0.17, Y:0, K:0.15. Its decimal value is 3126232.

Hex triplet	2fb3d8	`#2fb3d8`
RGB Decimal	47, 179, 216	`rgb(47,179,216)`
RGB Percent	18.4, 70.2, 84.7	`rgb(18.4%,70.2%,84.7%)`
CMYK	78, 17, 0, 15
HSL	193.1°, 68.4, 51.6	`hsl(193.1,68.4%,51.6%)`
HSV (or HSB)	193.1°, 78.2, 84.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.873, -22.289, -28.574
XYZ	29.684, 37.8, 70.694
xyY	0.215, 0.274, 37.8
CIE-LCH	67.873, 36.239, 232.045
CIE-LUV	67.873, -45.025, -42.084
Hunter-Lab	61.481, -21.411, -25.137
Binary	00101111, 10110011, 11011000

#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#d8542f
```
#d8542f rgb(216,84,47)
```

Complementary Color

#2fd8a9
```
#2fd8a9 rgb(47,216,169)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#2f5fd8
```
#2f5fd8 rgb(47,95,216)
```

Analogous Color

#d8a92f
```
#d8a92f rgb(216,169,47)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#d82f5e
```
#d82f5e rgb(216,47,94)
```

Split Complementary Color

#b3d82f
```
#b3d82f rgb(179,216,47)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#d82fb3
```
#d82fb3 rgb(216,47,179)
```

Triadic Color

#2fd854
```
#2fd854 rgb(47,216,84)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#d82fb3
```
#d82fb3 rgb(216,47,179)
```
#d8542f
```
#d8542f rgb(216,84,47)
```

Tetradic Color

#1d819d
```
#1d819d rgb(29,129,157)
```
#2193b3
```
#2193b3 rgb(33,147,179)
```
#26a4c8
```
#26a4c8 rgb(38,164,200)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#44bbdc
```
#44bbdc rgb(68,187,220)
```
#5ac3e0
```
#5ac3e0 rgb(90,195,224)
```
#6fcbe4
```
#6fcbe4 rgb(111,203,228)
```

Monochromatic Color

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

#2fd8d3
```
#2fd8d3 rgb(47,216,211)
```
#2fcfd8
```
#2fcfd8 rgb(47,207,216)
```
#2fc1d8
```
#2fc1d8 rgb(47,193,216)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#2fa5d8
```
#2fa5d8 rgb(47,165,216)
```
#2f97d8
```
#2f97d8 rgb(47,151,216)
```
#2f89d8
```
#2f89d8 rgb(47,137,216)
```

Similar Colors

Text with hexadecimal color #2fb3d8

This text has a font color of #2fb3d8.

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

#2fb3d8 background color

This paragraph has a background color of #2fb3d8.

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

#2fb3d8 border color

This element has a border color of #2fb3d8.

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

CSS codes

.text {color:#2fb3d8;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041317
```
#041317 rgb(4,19,23)
```
#072128
```
#072128 rgb(7,33,40)
```
#0b2e38
```
#0b2e38 rgb(11,46,56)
```
#0e3c49
```
#0e3c49 rgb(14,60,73)
```
#114959
```
#114959 rgb(17,73,89)
```
#14576a
```
#14576a rgb(20,87,106)
```
#17657a
```
#17657a rgb(23,101,122)
```
#1a728b
```
#1a728b rgb(26,114,139)
```
#1d809b
```
#1d809b rgb(29,128,155)
```
#208dac
```
#208dac rgb(32,141,172)
```
#239bbc
```
#239bbc rgb(35,155,188)
```
#26a8cd
```
#26a8cd rgb(38,168,205)
```

Shade Color Variation

#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#40b9db
```
#40b9db rgb(64,185,219)
```
#50bfde
```
#50bfde rgb(80,191,222)
```
#61c5e1
```
#61c5e1 rgb(97,197,225)
```
#71cbe4
```
#71cbe4 rgb(113,203,228)
```
#82d1e7
```
#82d1e7 rgb(130,209,231)
```
#92d7eb
```
#92d7eb rgb(146,215,235)
```
#a3ddee
```
#a3ddee rgb(163,221,238)
```
#b3e3f1
```
#b3e3f1 rgb(179,227,241)
```
#c4e9f4
```
#c4e9f4 rgb(196,233,244)
```
#d4eff7
```
#d4eff7 rgb(212,239,247)
```
#e5f5fa
```
#e5f5fa rgb(229,245,250)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b888c is the less saturated color, while #09c8fe is the most saturated one.

#7b888c
```
#7b888c rgb(123,136,140)
```
#728e96
```
#728e96 rgb(114,142,150)
```
#68939f
```
#68939f rgb(104,147,159)
```
#5f98a9
```
#5f98a9 rgb(95,152,169)
```
#559eb2
```
#559eb2 rgb(85,158,178)
```
#4ca3bc
```
#4ca3bc rgb(76,163,188)
```
#42a8c5
```
#42a8c5 rgb(66,168,197)
```
#39aecf
```
#39aecf rgb(57,174,207)
```
#2fb3d8
```
#2fb3d8 rgb(47,179,216)
```
#26b8e2
```
#26b8e2 rgb(38,184,226)
```
#1cbeeb
```
#1cbeeb rgb(28,190,235)
```
#13c3f5
```
#13c3f5 rgb(19,195,245)
```
#09c8fe
```
#09c8fe rgb(9,200,254)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d979e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa8d0 Protanopia 1% of men
#99a7df Deuteranopia 1% of men
#1dbac7 Tritanopia 0.001% of the population

Trichromacy

#76acd3 Protanomaly 1% of men, 0.01% of women
#72abdd Deuteranomaly 6% of men, 0.4% of women
#24b7cd Tritanomaly 0.01% of the population