#2fb4f4 Color Information
In a RGB color space, hex #2fb4f4 is composed of 18.4% red, 70.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 26.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 199.5 degrees, a saturation of 90% and a lightness of 57.1%. #2fb4f4 color hex could be obtained by blending #5effff with #0069e9. Closest websafe color is: #33ccff.
-
- R 18
- G 71
- B 96
-
- C 81
- M 26
- Y 0
- K 4
● #2fb4f4 color description : Bright blue.
#2fb4f4 Color Conversion
The hexadecimal color #2fb4f4 has RGB values of R:47, G:180, B:244 and CMYK values of C:0.81, M:0.26, Y:0, K:0.04. Its decimal value is 3126516.
Hex triplet | 2fb4f4 | #2fb4f4 |
---|---|---|
RGB Decimal | 47, 180, 244 | rgb(47,180,244) |
RGB Percent | 18.4, 70.6, 95.7 | rgb(18.4%,70.6%,95.7%) |
CMYK | 81, 26, 0, 4 | |
HSL | 199.5°, 90, 57.1 | hsl(199.5,90%,57.1%) |
HSV (or HSB) | 199.5°, 80.7, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.309, -13.409, -41.634 |
---|---|
XYZ | 33.819, 39.775, 91.478 |
xyY | 0.205, 0.241, 39.775 |
CIE-LCH | 69.309, 43.74, 252.148 |
CIE-LUV | 69.309, -43.561, -65.53 |
Hunter-Lab | 63.068, -14.652, -41.851 |
Binary | 00101111, 10110100, 11110100 |
Color Schemes with #2fb4f4
Alternatives to #2fb4f4
Below, you can see some colors close to #2fb4f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2fb4f4 Preview
This text has a font color of #2fb4f4.
<span style="color:#2fb4f4;">Text here</span>
This paragraph has a background color of #2fb4f4.
<p style="background-color:#2fb4f4;">Content here</p>
This element has a border color of #2fb4f4.
<div style="border:1px solid #2fb4f4;">Content here</div>
.text {color:#2fb4f4;}
.background {background-color:#2fb4f4;}
.border {border:1px solid #2fb4f4;}
Shades and Tints of #2fb4f4
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, #010b10 is the darkest color, while #fcfeff is the lightest one.
-
#010b10
#010b10
rgb(1,11,16)
-
#021822
#021822
rgb(2,24,34)
-
#032535
#032535
rgb(3,37,53)
-
#043147
#043147
rgb(4,49,71)
-
#053e5a
#053e5a
rgb(5,62,90)
-
#064b6d
#064b6d
rgb(6,75,109)
-
#07587f
#07587f
rgb(7,88,127)
-
#086592
#086592
rgb(8,101,146)
-
#0972a5
#0972a5
rgb(9,114,165)
-
#0a7fb7
#0a7fb7
rgb(10,127,183)
-
#0b8cca
#0b8cca
rgb(11,140,202)
-
#0c99dc
#0c99dc
rgb(12,153,220)
-
#0da6ef
#0da6ef
rgb(13,166,239)
-
#1cadf3
#1cadf3
rgb(28,173,243)
-
#2fb4f4
#2fb4f4
rgb(47,180,244)
-
#42bbf5
#42bbf5
rgb(66,187,245)
-
#54c1f6
#54c1f6
rgb(84,193,246)
-
#67c8f7
#67c8f7
rgb(103,200,247)
-
#7acff8
#7acff8
rgb(122,207,248)
-
#8cd6f9
#8cd6f9
rgb(140,214,249)
-
#9fdcfa
#9fdcfa
rgb(159,220,250)
-
#b1e3fb
#b1e3fb
rgb(177,227,251)
-
#c4eafc
#c4eafc
rgb(196,234,252)
-
#d7f0fd
#d7f0fd
rgb(215,240,253)
-
#e9f7fe
#e9f7fe
rgb(233,247,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #2fb4f4
A tone is produced by adding gray to any pure hue. In this case, #8c9497 is the less saturated color, while #27b7fc is the most saturated one.
-
#8c9497
#8c9497
rgb(140,148,151)
-
#8396a0
#8396a0
rgb(131,150,160)
-
#7b99a8
#7b99a8
rgb(123,153,168)
-
#729cb1
#729cb1
rgb(114,156,177)
-
#6a9fb9
#6a9fb9
rgb(106,159,185)
-
#62a2c1
#62a2c1
rgb(98,162,193)
-
#59a5ca
#59a5ca
rgb(89,165,202)
-
#51a8d2
#51a8d2
rgb(81,168,210)
-
#48abdb
#48abdb
rgb(72,171,219)
-
#40aee3
#40aee3
rgb(64,174,227)
-
#37b1ec
#37b1ec
rgb(55,177,236)
-
#2fb4f4
#2fb4f4
rgb(47,180,244)
-
#27b7fc
#27b7fc
rgb(39,183,252)
Color Blindness Simulator
Below, you can see how #2fb4f4 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.