#235f6a hex color

In a RGB color space, hex #235f6a is composed of 13.7% red, 37.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 10.4% magenta, 0% yellow and 58.4% black. It has a hue angle of 189.3 degrees, a saturation of 50.4% and a lightness of 27.6%. #235f6a color hex could be obtained by blending #46bed4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 14
- G 37
- B 42
RGB color chart
- C 67
- M 10
- Y 0
- K 58
CMYK color chart

● #235f6a color description : Very dark cyan.

The hexadecimal color #235f6a has RGB values of R:35, G:95, B:106 and CMYK values of C:0.67, M:0.1, Y:0, K:0.58. Its decimal value is 2318186.

Hex triplet	235f6a	`#235f6a`
RGB Decimal	35, 95, 106	`rgb(35,95,106)`
RGB Percent	13.7, 37.3, 41.6	`rgb(13.7%,37.3%,41.6%)`
CMYK	67, 10, 0, 58
HSL	189.3°, 50.4, 27.6	`hsl(189.3,50.4%,27.6%)`
HSV (or HSB)	189.3°, 67, 41.6
Web Safe	336666	`#336666`

CIE-LAB	37.081, -15.429, -11.992
XYZ	7.386, 9.582, 15.095
xyY	0.23, 0.299, 9.582
CIE-LCH	37.081, 19.542, 217.856
CIE-LUV	37.081, -22.853, -14.099
Hunter-Lab	30.954, -11.578, -7.245
Binary	00100011, 01011111, 01101010

#235f6a
```
#235f6a rgb(35,95,106)
```
#6a2e23
```
#6a2e23 rgb(106,46,35)
```

Complementary Color

#236a52
```
#236a52 rgb(35,106,82)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#233c6a
```
#233c6a rgb(35,60,106)
```

Analogous Color

#6a5223
```
#6a5223 rgb(106,82,35)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#6a233b
```
#6a233b rgb(106,35,59)
```

Split Complementary Color

#5f6a23
```
#5f6a23 rgb(95,106,35)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#6a235f
```
#6a235f rgb(106,35,95)
```

Triadic Color

#236a2e
```
#236a2e rgb(35,106,46)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#6a235f
```
#6a235f rgb(106,35,95)
```
#6a2e23
```
#6a2e23 rgb(106,46,35)
```

Tetradic Color

#102b30
```
#102b30 rgb(16,43,48)
```
#163d44
```
#163d44 rgb(22,61,68)
```
#1d4e57
```
#1d4e57 rgb(29,78,87)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#29707d
```
#29707d rgb(41,112,125)
```
#308190
```
#308190 rgb(48,129,144)
```
#3693a4
```
#3693a4 rgb(54,147,164)
```

Monochromatic Color

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

#236a63
```
#236a63 rgb(35,106,99)
```
#236a69
```
#236a69 rgb(35,106,105)
```
#23656a
```
#23656a rgb(35,101,106)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#23596a
```
#23596a rgb(35,89,106)
```
#23536a
```
#23536a rgb(35,83,106)
```
#234d6a
```
#234d6a rgb(35,77,106)
```

Similar Colors

Text with hexadecimal color #235f6a

This text has a font color of #235f6a.

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

#235f6a background color

This paragraph has a background color of #235f6a.

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

#235f6a border color

This element has a border color of #235f6a.

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

CSS codes

.text {color:#235f6a;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0b1d20
```
#0b1d20 rgb(11,29,32)
```
#102a2f
```
#102a2f rgb(16,42,47)
```
#14373e
```
#14373e rgb(20,55,62)
```
#19454d
```
#19454d rgb(25,69,77)
```
#1e525b
```
#1e525b rgb(30,82,91)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#286c79
```
#286c79 rgb(40,108,121)
```
#2d7987
```
#2d7987 rgb(45,121,135)
```
#328796
```
#328796 rgb(50,135,150)
```
#3694a5
```
#3694a5 rgb(54,148,165)
```
#3ba1b4
```
#3ba1b4 rgb(59,161,180)
```

Shade Color Variation

#42adc1
```
#42adc1 rgb(66,173,193)
```
#51b3c5
```
#51b3c5 rgb(81,179,197)
```
#60baca
```
#60baca rgb(96,186,202)
```
#6ec0cf
```
#6ec0cf rgb(110,192,207)
```
#7dc7d4
```
#7dc7d4 rgb(125,199,212)
```
#8ccdd9
```
#8ccdd9 rgb(140,205,217)
```
#9bd3de
```
#9bd3de rgb(155,211,222)
```
#a9dae3
```
#a9dae3 rgb(169,218,227)
```
#b8e0e8
```
#b8e0e8 rgb(184,224,232)
```
#c7e7ec
```
#c7e7ec rgb(199,231,236)
```
#d6edf1
```
#d6edf1 rgb(214,237,241)
```
#e4f3f6
```
#e4f3f6 rgb(228,243,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#444949
```
#444949 rgb(68,73,73)
```
#3e4c4f
```
#3e4c4f rgb(62,76,79)
```
#395054
```
#395054 rgb(57,80,84)
```
#33545a
```
#33545a rgb(51,84,90)
```
#2e585f
```
#2e585f rgb(46,88,95)
```
#285b65
```
#285b65 rgb(40,91,101)
```
#235f6a
```
#235f6a rgb(35,95,106)
```
#1e636f
```
#1e636f rgb(30,99,111)
```
#186675
```
#186675 rgb(24,102,117)
```
#136a7a
```
#136a7a rgb(19,106,122)
```
#0d6e80
```
#0d6e80 rgb(13,110,128)
```
#087285
```
#087285 rgb(8,114,133)
```
#02758b
```
#02758b rgb(2,117,139)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#455154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5f6c Protanopia 1% of men
#5d5e75 Deuteranopia 1% of men
#2c676f Tritanopia 0.001% of the population

Trichromacy

#485f6b Protanomaly 1% of men, 0.01% of women
#485e71 Deuteranomaly 6% of men, 0.4% of women
#29646d Tritanomaly 0.01% of the population

#235f6a hex color

#235f6a Color Information

#235f6a Color Conversion

Color Schemes with #235f6a

Alternatives to #235f6a

#235f6a Preview

Shades and Tints of #235f6a

Tones of #235f6a

Color Blindness Simulator