#235f48 hex color

In a RGB color space, hex #235f48 is composed of 13.7% red, 37.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 0% magenta, 24.2% yellow and 62.7% black. It has a hue angle of 157 degrees, a saturation of 46.2% and a lightness of 25.5%. #235f48 color hex could be obtained by blending #46be90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 14
- G 37
- B 28
RGB color chart
- C 63
- M 0
- Y 24
- K 63
CMYK color chart

● #235f48 color description : Very dark cyan - lime green.

The hexadecimal color #235f48 has RGB values of R:35, G:95, B:72 and CMYK values of C:0.63, M:0, Y:0.24, K:0.63. Its decimal value is 2318152.

Hex triplet	235f48	`#235f48`
RGB Decimal	35, 95, 72	`rgb(35,95,72)`
RGB Percent	13.7, 37.3, 28.2	`rgb(13.7%,37.3%,28.2%)`
CMYK	63, 0, 24, 63
HSL	157°, 46.2, 25.5	`hsl(157,46.2%,25.5%)`
HSV (or HSB)	157°, 63.2, 37.3
Web Safe	336633	`#336633`

CIE-LAB	36.002, -25.563, 7.472
XYZ	5.955, 9.009, 7.556
xyY	0.264, 0.4, 9.009
CIE-LCH	36.002, 26.633, 163.707
CIE-LUV	36.002, -24.52, 12.541
Hunter-Lab	30.015, -17.115, 6.086
Binary	00100011, 01011111, 01001000

#235f48
```
#235f48 rgb(35,95,72)
```
#5f233a
```
#5f233a rgb(95,35,58)
```

Complementary Color

#235f2a
```
#235f2a rgb(35,95,42)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#23585f
```
#23585f rgb(35,88,95)
```

Analogous Color

#5f2a23
```
#5f2a23 rgb(95,42,35)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#5f2358
```
#5f2358 rgb(95,35,88)
```

Split Complementary Color

#5f4823
```
#5f4823 rgb(95,72,35)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#48235f
```
#48235f rgb(72,35,95)
```

Triadic Color

#3a5f23
```
#3a5f23 rgb(58,95,35)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#48235f
```
#48235f rgb(72,35,95)
```
#5f233a
```
#5f233a rgb(95,35,58)
```

Tetradic Color

#0e271e
```
#0e271e rgb(14,39,30)
```
#153a2c
```
#153a2c rgb(21,58,44)
```
#1c4c3a
```
#1c4c3a rgb(28,76,58)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#2a7256
```
#2a7256 rgb(42,114,86)
```
#318464
```
#318464 rgb(49,132,100)
```
#389772
```
#389772 rgb(56,151,114)
```

Monochromatic Color

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

#235f39
```
#235f39 rgb(35,95,57)
```
#235f3e
```
#235f3e rgb(35,95,62)
```
#235f43
```
#235f43 rgb(35,95,67)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#235f4d
```
#235f4d rgb(35,95,77)
```
#235f52
```
#235f52 rgb(35,95,82)
```
#235f57
```
#235f57 rgb(35,95,87)
```

Similar Colors

Text with hexadecimal color #235f48

This text has a font color of #235f48.

<span style="color:#235f48;">Text here</span>

#235f48 background color

This paragraph has a background color of #235f48.

<p style="background-color:#235f48;">Content here</p>

#235f48 border color

This element has a border color of #235f48.

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

CSS codes

.text {color:#235f48;}

.background {background-color:#235f48;}

.border {border:1px solid #235f48;}

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

#030907
```
#030907 rgb(3,9,7)
```
#091712
```
#091712 rgb(9,23,18)
```
#0e261d
```
#0e261d rgb(14,38,29)
```
#133427
```
#133427 rgb(19,52,39)
```
#184232
```
#184232 rgb(24,66,50)
```
#1e513d
```
#1e513d rgb(30,81,61)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#286d53
```
#286d53 rgb(40,109,83)
```
#2e7c5e
```
#2e7c5e rgb(46,124,94)
```
#338a69
```
#338a69 rgb(51,138,105)
```
#389873
```
#389873 rgb(56,152,115)
```
#3da77e
```
#3da77e rgb(61,167,126)
```
#43b589
```
#43b589 rgb(67,181,137)
```

Shade Color Variation

#4ebe93
```
#4ebe93 rgb(78,190,147)
```
#5cc39b
```
#5cc39b rgb(92,195,155)
```
#6ac8a4
```
#6ac8a4 rgb(106,200,164)
```
#79cead
```
#79cead rgb(121,206,173)
```
#87d3b6
```
#87d3b6 rgb(135,211,182)
```
#95d8be
```
#95d8be rgb(149,216,190)
```
#a4ddc7
```
#a4ddc7 rgb(164,221,199)
```
#b2e3d0
```
#b2e3d0 rgb(178,227,208)
```
#c0e8d9
```
#c0e8d9 rgb(192,232,217)
```
#cfede1
```
#cfede1 rgb(207,237,225)
```
#ddf2ea
```
#ddf2ea rgb(221,242,234)
```
#ebf8f3
```
#ebf8f3 rgb(235,248,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c4642 is the less saturated color, while #008250 is the most saturated one.

#3c4642
```
#3c4642 rgb(60,70,66)
```
#374b43
```
#374b43 rgb(55,75,67)
```
#325045
```
#325045 rgb(50,80,69)
```
#2d5546
```
#2d5546 rgb(45,85,70)
```
#285a47
```
#285a47 rgb(40,90,71)
```
#235f48
```
#235f48 rgb(35,95,72)
```
#1e6449
```
#1e6449 rgb(30,100,73)
```
#19694a
```
#19694a rgb(25,105,74)
```
#146e4c
```
#146e4c rgb(20,110,76)
```
#0f734d
```
#0f734d rgb(15,115,77)
```
#0a784e
```
#0a784e rgb(10,120,78)
```
#057d4f
```
#057d4f rgb(5,125,79)
```
#008250
```
#008250 rgb(0,130,80)
```

Tone Color Variation

Below, you can see how #235f48 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

#4a4a4a Achromatopsia 0.005% of the population
#424e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#625d4c Protanopia 1% of men
#695a55 Deuteranopia 1% of men
#38636b Tritanopia 0.001% of the population

Trichromacy

#4b5d4b Protanomaly 1% of men, 0.01% of women
#4f5c50 Deuteranomaly 6% of men, 0.4% of women
#30625e Tritanomaly 0.01% of the population

#235f48 hex color

#235f48 Color Information

#235f48 Color Conversion

Color Schemes with #235f48

Alternatives to #235f48

#235f48 Preview

Shades and Tints of #235f48

Tones of #235f48

Color Blindness Simulator