#235f55 hex color

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

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

● #235f55 color description : Very dark cyan.

The hexadecimal color #235f55 has RGB values of R:35, G:95, B:85 and CMYK values of C:0.63, M:0, Y:0.11, K:0.63. Its decimal value is 2318165.

Hex triplet	235f55	`#235f55`
RGB Decimal	35, 95, 85	`rgb(35,95,85)`
RGB Percent	13.7, 37.3, 33.3	`rgb(13.7%,37.3%,33.3%)`
CMYK	63, 0, 11, 63
HSL	170°, 46.2, 25.5	`hsl(170,46.2%,25.5%)`
HSV (or HSB)	170°, 63.2, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.361, -22.019, -0.049
XYZ	6.425, 9.197, 10.03
xyY	0.25, 0.359, 9.197
CIE-LCH	36.361, 22.019, 180.128
CIE-LUV	36.361, -23.895, 2.878
Hunter-Lab	30.327, -15.258, 1.619
Binary	00100011, 01011111, 01010101

#235f55
```
#235f55 rgb(35,95,85)
```
#5f232d
```
#5f232d rgb(95,35,45)
```

Complementary Color

#235f37
```
#235f37 rgb(35,95,55)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#234b5f
```
#234b5f rgb(35,75,95)
```

Analogous Color

#5f3723
```
#5f3723 rgb(95,55,35)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#5f234b
```
#5f234b rgb(95,35,75)
```

Split Complementary Color

#5f5523
```
#5f5523 rgb(95,85,35)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#55235f
```
#55235f rgb(85,35,95)
```

Triadic Color

#2d5f23
```
#2d5f23 rgb(45,95,35)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#55235f
```
#55235f rgb(85,35,95)
```
#5f232d
```
#5f232d rgb(95,35,45)
```

Tetradic Color

#0e2723
```
#0e2723 rgb(14,39,35)
```
#153a34
```
#153a34 rgb(21,58,52)
```
#1c4c44
```
#1c4c44 rgb(28,76,68)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#2a7266
```
#2a7266 rgb(42,114,102)
```
#318476
```
#318476 rgb(49,132,118)
```
#389787
```
#389787 rgb(56,151,135)
```

Monochromatic Color

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

#235f46
```
#235f46 rgb(35,95,70)
```
#235f4b
```
#235f4b rgb(35,95,75)
```
#235f50
```
#235f50 rgb(35,95,80)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#235f5a
```
#235f5a rgb(35,95,90)
```
#235f5f
```
#235f5f rgb(35,95,95)
```
#235a5f
```
#235a5f rgb(35,90,95)
```

Similar Colors

Text with hexadecimal color #235f55

This text has a font color of #235f55.

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

#235f55 background color

This paragraph has a background color of #235f55.

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

#235f55 border color

This element has a border color of #235f55.

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

CSS codes

.text {color:#235f55;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#091715
```
#091715 rgb(9,23,21)
```
#0e2622
```
#0e2622 rgb(14,38,34)
```
#13342f
```
#13342f rgb(19,52,47)
```
#18423b
```
#18423b rgb(24,66,59)
```
#1e5148
```
#1e5148 rgb(30,81,72)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#286d62
```
#286d62 rgb(40,109,98)
```
#2e7c6f
```
#2e7c6f rgb(46,124,111)
```
#338a7b
```
#338a7b rgb(51,138,123)
```
#389888
```
#389888 rgb(56,152,136)
```
#3da795
```
#3da795 rgb(61,167,149)
```
#43b5a2
```
#43b5a2 rgb(67,181,162)
```

Shade Color Variation

#4ebeab
```
#4ebeab rgb(78,190,171)
```
#5cc3b2
```
#5cc3b2 rgb(92,195,178)
```
#6ac8b9
```
#6ac8b9 rgb(106,200,185)
```
#79cebf
```
#79cebf rgb(121,206,191)
```
#87d3c6
```
#87d3c6 rgb(135,211,198)
```
#95d8cd
```
#95d8cd rgb(149,216,205)
```
#a4ddd4
```
#a4ddd4 rgb(164,221,212)
```
#b2e3db
```
#b2e3db rgb(178,227,219)
```
#c0e8e1
```
#c0e8e1 rgb(192,232,225)
```
#cfede8
```
#cfede8 rgb(207,237,232)
```
#ddf2ef
```
#ddf2ef rgb(221,242,239)
```
#ebf8f6
```
#ebf8f6 rgb(235,248,246)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#3c4644
```
#3c4644 rgb(60,70,68)
```
#374b48
```
#374b48 rgb(55,75,72)
```
#32504b
```
#32504b rgb(50,80,75)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#285a52
```
#285a52 rgb(40,90,82)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#1e6458
```
#1e6458 rgb(30,100,88)
```
#19695c
```
#19695c rgb(25,105,92)
```
#146e5f
```
#146e5f rgb(20,110,95)
```
#0f7362
```
#0f7362 rgb(15,115,98)
```
#0a7866
```
#0a7866 rgb(10,120,102)
```
#057d69
```
#057d69 rgb(5,125,105)
```
#00826c
```
#00826c rgb(0,130,108)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#44504e Atypical Achromatopsia 0.001% of the population

Dichromacy

#615d59 Protanopia 1% of men
#655b61 Deuteranopia 1% of men
#35656c Tritanopia 0.001% of the population

Trichromacy

#4a5e57 Protanomaly 1% of men, 0.01% of women
#4d5c5d Deuteranomaly 6% of men, 0.4% of women
#2e6263 Tritanomaly 0.01% of the population

#235f55 hex color

#235f55 Color Information

#235f55 Color Conversion

Color Schemes with #235f55

Alternatives to #235f55

#235f55 Preview

Shades and Tints of #235f55

Tones of #235f55

Color Blindness Simulator