#2f9de4 hex color

In a RGB color space, hex #2f9de4 is composed of 18.4% red, 61.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 31.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 203.5 degrees, a saturation of 77% and a lightness of 53.9%. #2f9de4 color hex could be obtained by blending #5effff with #003bc9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 62
- B 89
RGB color chart
- C 79
- M 31
- Y 0
- K 11
CMYK color chart

● #2f9de4 color description : Bright blue.

The hexadecimal color #2f9de4 has RGB values of R:47, G:157, B:228 and CMYK values of C:0.79, M:0.31, Y:0, K:0.11. Its decimal value is 3120612.

Hex triplet	2f9de4	`#2f9de4`
RGB Decimal	47, 157, 228	`rgb(47,157,228)`
RGB Percent	18.4, 61.6, 89.4	`rgb(18.4%,61.6%,89.4%)`
CMYK	79, 31, 0, 11
HSL	203.5°, 77, 53.9	`hsl(203.5,77%,53.9%)`
HSV (or HSB)	203.5°, 79.4, 89.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.927, -6.28, -44.453
XYZ	27.229, 30.317, 77.811
xyY	0.201, 0.224, 30.317
CIE-LCH	61.927, 44.894, 261.958
CIE-LUV	61.927, -36.708, -69.995
Hunter-Lab	55.061, -8.083, -45.245
Binary	00101111, 10011101, 11100100

#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#e4762f
```
#e4762f rgb(228,118,47)
```

Complementary Color

#2fe4d1
```
#2fe4d1 rgb(47,228,209)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#2f43e4
```
#2f43e4 rgb(47,67,228)
```

Analogous Color

#e4d12f
```
#e4d12f rgb(228,209,47)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#e42f43
```
#e42f43 rgb(228,47,67)
```

Split Complementary Color

#9de42f
```
#9de42f rgb(157,228,47)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#e42f9d
```
#e42f9d rgb(228,47,157)
```

Triadic Color

#2fe476
```
#2fe476 rgb(47,228,118)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#e42f9d
```
#e42f9d rgb(228,47,157)
```
#e4762f
```
#e4762f rgb(228,118,47)
```

Tetradic Color

#1774b0
```
#1774b0 rgb(23,116,176)
```
#1a83c6
```
#1a83c6 rgb(26,131,198)
```
#1d91dd
```
#1d91dd rgb(29,145,221)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#46a8e7
```
#46a8e7 rgb(70,168,231)
```
#5cb2ea
```
#5cb2ea rgb(92,178,234)
```
#73bded
```
#73bded rgb(115,189,237)
```

Monochromatic Color

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

#2fcae4
```
#2fcae4 rgb(47,202,228)
```
#2fbbe4
```
#2fbbe4 rgb(47,187,228)
```
#2face4
```
#2face4 rgb(47,172,228)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#2f8ee4
```
#2f8ee4 rgb(47,142,228)
```
#2f7fe4
```
#2f7fe4 rgb(47,127,228)
```
#2f70e4
```
#2f70e4 rgb(47,112,228)
```

Similar Colors

Text with hexadecimal color #2f9de4

This text has a font color of #2f9de4.

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

#2f9de4 background color

This paragraph has a background color of #2f9de4.

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

#2f9de4 border color

This element has a border color of #2f9de4.

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

CSS codes

.text {color:#2f9de4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020c12
```
#020c12 rgb(2,12,18)
```
#051723
```
#051723 rgb(5,23,35)
```
#072334
```
#072334 rgb(7,35,52)
```
#092e46
```
#092e46 rgb(9,46,70)
```
#0b3957
```
#0b3957 rgb(11,57,87)
```
#0e4569
```
#0e4569 rgb(14,69,105)
```
#10507a
```
#10507a rgb(16,80,122)
```
#125c8b
```
#125c8b rgb(18,92,139)
```
#14679d
```
#14679d rgb(20,103,157)
```
#1773ae
```
#1773ae rgb(23,115,174)
```
#197ebf
```
#197ebf rgb(25,126,191)
```
#1b89d1
```
#1b89d1 rgb(27,137,209)
```

Shade Color Variation

#1e95e2
```
#1e95e2 rgb(30,149,226)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#40a5e6
```
#40a5e6 rgb(64,165,230)
```
#52ade9
```
#52ade9 rgb(82,173,233)
```
#63b6eb
```
#63b6eb rgb(99,182,235)
```
#74beed
```
#74beed rgb(116,190,237)
```
#86c6ef
```
#86c6ef rgb(134,198,239)
```
#97cef2
```
#97cef2 rgb(151,206,242)
```
#a9d6f4
```
#a9d6f4 rgb(169,214,244)
```
#badef6
```
#badef6 rgb(186,222,246)
```
#cbe7f8
```
#cbe7f8 rgb(203,231,248)
```
#ddeffb
```
#ddeffb rgb(221,239,251)
```
#eef7fd
```
#eef7fd rgb(238,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8a is the less saturated color, while #1da1f6 is the most saturated one.

#898a8a
```
#898a8a rgb(137,138,138)
```
#808b93
```
#808b93 rgb(128,139,147)
```
#778d9c
```
#778d9c rgb(119,141,156)
```
#6e8fa5
```
#6e8fa5 rgb(110,143,165)
```
#6591ae
```
#6591ae rgb(101,145,174)
```
#5c93b7
```
#5c93b7 rgb(92,147,183)
```
#5395c0
```
#5395c0 rgb(83,149,192)
```
#4a97c9
```
#4a97c9 rgb(74,151,201)
```
#4199d2
```
#4199d2 rgb(65,153,210)
```
#389bdb
```
#389bdb rgb(56,155,219)
```
#2f9de4
```
#2f9de4 rgb(47,157,228)
```
#269fed
```
#269fed rgb(38,159,237)
```
#1da1f6
```
#1da1f6 rgb(29,161,246)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8198de Protanopia 1% of men
#6e9be8 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#639ae0 Protanomaly 1% of men, 0.01% of women
#579be6 Deuteranomaly 6% of men, 0.4% of women
#11a5c6 Tritanomaly 0.01% of the population

#2f9de4 hex color

#2f9de4 Color Information

#2f9de4 Color Conversion

Color Schemes with #2f9de4

Alternatives to #2f9de4

#2f9de4 Preview

Shades and Tints of #2f9de4

Tones of #2f9de4

Color Blindness Simulator