#31b448 hex color

In a RGB color space, hex #31b448 is composed of 19.2% red, 70.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 0% magenta, 60% yellow and 29.4% black. It has a hue angle of 130.5 degrees, a saturation of 57.2% and a lightness of 44.9%. #31b448 color hex could be obtained by blending #62ff90 with #006900. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 71
- B 28
RGB color chart
- C 73
- M 0
- Y 60
- K 29
CMYK color chart

● #31b448 color description : Moderate lime green.

The hexadecimal color #31b448 has RGB values of R:49, G:180, B:72 and CMYK values of C:0.73, M:0, Y:0.6, K:0.29. Its decimal value is 3257416.

Hex triplet	31b448	`#31b448`
RGB Decimal	49, 180, 72	`rgb(49,180,72)`
RGB Percent	19.2, 70.6, 28.2	`rgb(19.2%,70.6%,28.2%)`
CMYK	73, 0, 60, 29
HSL	130.5°, 57.2, 44.9	`hsl(130.5,57.2%,44.9%)`
HSV (or HSB)	130.5°, 72.8, 70.6
Web Safe	33cc33	`#33cc33`

CIE-LAB	64.773, -57.06, 44.292
XYZ	18.756, 33.762, 11.659
xyY	0.292, 0.526, 33.762
CIE-LCH	64.773, 72.233, 142.18
CIE-LUV	64.773, -53.809, 62.403
Hunter-Lab	58.105, -44.063, 28.777
Binary	00110001, 10110100, 01001000

#31b448
```
#31b448 rgb(49,180,72)
```
#b4319d
```
#b4319d rgb(180,49,157)
```

Complementary Color

#5cb431
```
#5cb431 rgb(92,180,49)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#31b48a
```
#31b48a rgb(49,180,138)
```

Analogous Color

#b4315c
```
#b4315c rgb(180,49,92)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#8a31b4
```
#8a31b4 rgb(138,49,180)
```

Split Complementary Color

#b44831
```
#b44831 rgb(180,72,49)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#4831b4
```
#4831b4 rgb(72,49,180)
```

Triadic Color

#9db431
```
#9db431 rgb(157,180,49)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#4831b4
```
#4831b4 rgb(72,49,180)
```
#b4319d
```
#b4319d rgb(180,49,157)
```

Tetradic Color

#217830
```
#217830 rgb(33,120,48)
```
#268c38
```
#268c38 rgb(38,140,56)
```
#2ca040
```
#2ca040 rgb(44,160,64)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#36c850
```
#36c850 rgb(54,200,80)
```
#4ace61
```
#4ace61 rgb(74,206,97)
```
#5ed373
```
#5ed373 rgb(94,211,115)
```

Monochromatic Color

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

#3bb431
```
#3bb431 rgb(59,180,49)
```
#31b432
```
#31b432 rgb(49,180,50)
```
#31b43d
```
#31b43d rgb(49,180,61)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#31b453
```
#31b453 rgb(49,180,83)
```
#31b45e
```
#31b45e rgb(49,180,94)
```
#31b469
```
#31b469 rgb(49,180,105)
```

Similar Colors

Text with hexadecimal color #31b448

This text has a font color of #31b448.

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

#31b448 background color

This paragraph has a background color of #31b448.

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

#31b448 border color

This element has a border color of #31b448.

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

CSS codes

.text {color:#31b448;}

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

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

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, #030a04 is the darkest color, while #fafefb is the lightest one.

#030a04
```
#030a04 rgb(3,10,4)
```
#071a0a
```
#071a0a rgb(7,26,10)
```
#0b2910
```
#0b2910 rgb(11,41,16)
```
#0f3917
```
#0f3917 rgb(15,57,23)
```
#14481d
```
#14481d rgb(20,72,29)
```
#185723
```
#185723 rgb(24,87,35)
```
#1c6729
```
#1c6729 rgb(28,103,41)
```
#20762f
```
#20762f rgb(32,118,47)
```
#248635
```
#248635 rgb(36,134,53)
```
#29953c
```
#29953c rgb(41,149,60)
```
#2da542
```
#2da542 rgb(45,165,66)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#35c34e
```
#35c34e rgb(53,195,78)
```

Shade Color Variation

#41cb59
```
#41cb59 rgb(65,203,89)
```
#50cf67
```
#50cf67 rgb(80,207,103)
```
#60d474
```
#60d474 rgb(96,212,116)
```
#6fd882
```
#6fd882 rgb(111,216,130)
```
#7fdc8f
```
#7fdc8f rgb(127,220,143)
```
#8ee09c
```
#8ee09c rgb(142,224,156)
```
#9de4aa
```
#9de4aa rgb(157,228,170)
```
#ade9b7
```
#ade9b7 rgb(173,233,183)
```
#bcedc5
```
#bcedc5 rgb(188,237,197)
```
#ccf1d2
```
#ccf1d2 rgb(204,241,210)
```
#dbf5e0
```
#dbf5e0 rgb(219,245,224)
```
#ebf9ed
```
#ebf9ed rgb(235,249,237)
```
#fafefb
```
#fafefb rgb(250,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7670 is the less saturated color, while #05e02b is the most saturated one.

#6f7670
```
#6f7670 rgb(111,118,112)
```
#667f6a
```
#667f6a rgb(102,127,106)
```
#5d8865
```
#5d8865 rgb(93,136,101)
```
#54915f
```
#54915f rgb(84,145,95)
```
#4b9a59
```
#4b9a59 rgb(75,154,89)
```
#43a253
```
#43a253 rgb(67,162,83)
```
#3aab4e
```
#3aab4e rgb(58,171,78)
```
#31b448
```
#31b448 rgb(49,180,72)
```
#28bd42
```
#28bd42 rgb(40,189,66)
```
#1fc63d
```
#1fc63d rgb(31,198,61)
```
#17ce37
```
#17ce37 rgb(23,206,55)
```
#0ed731
```
#0ed731 rgb(14,215,49)
```
#05e02b
```
#05e02b rgb(5,224,43)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#718b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a24b Protanopia 1% of men
#c49b5c Deuteranopia 1% of men
#62adb9 Tritanopia 0.001% of the population

Trichromacy

#84a849 Protanomaly 1% of men, 0.01% of women
#8fa455 Deuteranomaly 6% of men, 0.4% of women
#50af90 Tritanomaly 0.01% of the population

#31b448 hex color

#31b448 Color Information

#31b448 Color Conversion

Color Schemes with #31b448

Alternatives to #31b448

#31b448 Preview

Shades and Tints of #31b448

Tones of #31b448

Color Blindness Simulator