#31f268 hex color

In a RGB color space, hex #31f268 is composed of 19.2% red, 94.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 57% yellow and 5.1% black. It has a hue angle of 137.1 degrees, a saturation of 88.1% and a lightness of 57.1%. #31f268 color hex could be obtained by blending #62ffd0 with #00e500. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 19
- G 95
- B 41
RGB color chart
- C 80
- M 0
- Y 57
- K 5
CMYK color chart

● #31f268 color description : Bright cyan - lime green.

The hexadecimal color #31f268 has RGB values of R:49, G:242, B:104 and CMYK values of C:0.8, M:0, Y:0.57, K:0.05. Its decimal value is 3273320.

Hex triplet	31f268	`#31f268`
RGB Decimal	49, 242, 104	`rgb(49,242,104)`
RGB Percent	19.2, 94.9, 40.8	`rgb(19.2%,94.9%,40.8%)`
CMYK	80, 0, 57, 5
HSL	137.1°, 88.1, 57.1	`hsl(137.1,88.1%,57.1%)`
HSV (or HSB)	137.1°, 79.8, 94.9
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.562, -73.327, 52.907
XYZ	35.515, 65.153, 23.8
xyY	0.285, 0.523, 65.153
CIE-LCH	84.562, 90.421, 144.189
CIE-LUV	84.562, -73.448, 79.697
Hunter-Lab	80.717, -62.716, 39.02
Binary	00110001, 11110010, 01101000

#31f268
```
#31f268 rgb(49,242,104)
```
#f231bb
```
#f231bb rgb(242,49,187)
```

Complementary Color

#5bf231
```
#5bf231 rgb(91,242,49)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#31f2c9
```
#31f2c9 rgb(49,242,201)
```

Analogous Color

#f2315a
```
#f2315a rgb(242,49,90)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#c931f2
```
#c931f2 rgb(201,49,242)
```

Split Complementary Color

#f26831
```
#f26831 rgb(242,104,49)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#6831f2
```
#6831f2 rgb(104,49,242)
```

Triadic Color

#bbf231
```
#bbf231 rgb(187,242,49)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#6831f2
```
#6831f2 rgb(104,49,242)
```
#f231bb
```
#f231bb rgb(242,49,187)
```

Tetradic Color

#0dca43
```
#0dca43 rgb(13,202,67)
```
#0ee24b
```
#0ee24b rgb(14,226,75)
```
#19f056
```
#19f056 rgb(25,240,86)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#49f47a
```
#49f47a rgb(73,244,122)
```
#61f58b
```
#61f58b rgb(97,245,139)
```
#79f79d
```
#79f79d rgb(121,247,157)
```

Monochromatic Color

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

#31f238
```
#31f238 rgb(49,242,56)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#31f258
```
#31f258 rgb(49,242,88)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#31f278
```
#31f278 rgb(49,242,120)
```
#31f288
```
#31f288 rgb(49,242,136)
```
#31f298
```
#31f298 rgb(49,242,152)
```

Similar Colors

Text with hexadecimal color #31f268

This text has a font color of #31f268.

<span style="color:#31f268;">Text here</span>

#31f268 background color

This paragraph has a background color of #31f268.

<p style="background-color:#31f268;">Content here</p>

#31f268 border color

This element has a border color of #31f268.

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

CSS codes

.text {color:#31f268;}

.background {background-color:#31f268;}

.border {border:1px solid #31f268;}

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, #010f05 is the darkest color, while #fcfffd is the lightest one.

#010f05
```
#010f05 rgb(1,15,5)
```
#02220b
```
#02220b rgb(2,34,11)
```
#033411
```
#033411 rgb(3,52,17)
```
#044717
```
#044717 rgb(4,71,23)
```
#06591d
```
#06591d rgb(6,89,29)
```
#076c24
```
#076c24 rgb(7,108,36)
```
#087e2a
```
#087e2a rgb(8,126,42)
```
#099130
```
#099130 rgb(9,145,48)
```
#0aa336
```
#0aa336 rgb(10,163,54)
```
#0bb53c
```
#0bb53c rgb(11,181,60)
```
#0dc842
```
#0dc842 rgb(13,200,66)
```
#0eda48
```
#0eda48 rgb(14,218,72)
```
#0fed4e
```
#0fed4e rgb(15,237,78)
```

Shade Color Variation

#1ff15a
```
#1ff15a rgb(31,241,90)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#43f376
```
#43f376 rgb(67,243,118)
```
#56f483
```
#56f483 rgb(86,244,131)
```
#68f591
```
#68f591 rgb(104,245,145)
```
#7bf79e
```
#7bf79e rgb(123,247,158)
```
#8df8ac
```
#8df8ac rgb(141,248,172)
```
#a0f9b9
```
#a0f9b9 rgb(160,249,185)
```
#b2fac7
```
#b2fac7 rgb(178,250,199)
```
#c5fbd4
```
#c5fbd4 rgb(197,251,212)
```
#d7fce2
```
#d7fce2 rgb(215,252,226)
```
#eafeef
```
#eafeef rgb(234,254,239)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9590 is the less saturated color, while #29fa64 is the most saturated one.

#8e9590
```
#8e9590 rgb(142,149,144)
```
#859e8c
```
#859e8c rgb(133,158,140)
```
#7da689
```
#7da689 rgb(125,166,137)
```
#74af85
```
#74af85 rgb(116,175,133)
```
#6cb781
```
#6cb781 rgb(108,183,129)
```
#64bf7e
```
#64bf7e rgb(100,191,126)
```
#5bc87a
```
#5bc87a rgb(91,200,122)
```
#53d076
```
#53d076 rgb(83,208,118)
```
#4ad973
```
#4ad973 rgb(74,217,115)
```
#42e16f
```
#42e16f rgb(66,225,111)
```
#39ea6c
```
#39ea6c rgb(57,234,108)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#29fa64
```
#29fa64 rgb(41,250,100)
```

Tone Color Variation

Below, you can see how #31f268 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

#a9a9a9 Achromatopsia 0.005% of the population
#91b89c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd566 Protanopia 1% of men
#ffcc87 Deuteranopia 1% of men
#78e4f5 Tritanopia 0.001% of the population

Trichromacy

#a7df67 Protanomaly 1% of men, 0.01% of women
#b4da7c Deuteranomaly 6% of men, 0.4% of women
#5ee9c1 Tritanomaly 0.01% of the population

#31f268 hex color

#31f268 Color Information

#31f268 Color Conversion

Color Schemes with #31f268

Alternatives to #31f268

#31f268 Preview

Shades and Tints of #31f268

Tones of #31f268

Color Blindness Simulator