#236a80 hex color

In a RGB color space, hex #236a80 is composed of 13.7% red, 41.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 17.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 194.2 degrees, a saturation of 57.1% and a lightness of 32%. #236a80 color hex could be obtained by blending #46d4ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 14
- G 42
- B 50
RGB color chart
- C 73
- M 17
- Y 0
- K 50
CMYK color chart

● #236a80 color description : Dark cyan.

The hexadecimal color #236a80 has RGB values of R:35, G:106, B:128 and CMYK values of C:0.73, M:0.17, Y:0, K:0.5. Its decimal value is 2321024.

Hex triplet	236a80	`#236a80`
RGB Decimal	35, 106, 128	`rgb(35,106,128)`
RGB Percent	13.7, 41.6, 50.2	`rgb(13.7%,41.6%,50.2%)`
CMYK	73, 17, 0, 50
HSL	194.2°, 57.1, 32	`hsl(194.2,57.1%,32%)`
HSV (or HSB)	194.2°, 72.7, 50.2
Web Safe	336699	`#336699`

CIE-LAB	41.569, -14.142, -18.576
XYZ	9.742, 12.223, 22.267
xyY	0.22, 0.276, 12.223
CIE-LCH	41.569, 23.346, 232.718
CIE-LUV	41.569, -25.881, -24.344
Hunter-Lab	34.962, -11.442, -13.288
Binary	00100011, 01101010, 10000000

#236a80
```
#236a80 rgb(35,106,128)
```
#803923
```
#803923 rgb(128,57,35)
```

Complementary Color

#238068
```
#238068 rgb(35,128,104)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#233c80
```
#233c80 rgb(35,60,128)
```

Analogous Color

#806823
```
#806823 rgb(128,104,35)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#80233c
```
#80233c rgb(128,35,60)
```

Split Complementary Color

#6a8023
```
#6a8023 rgb(106,128,35)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#80236a
```
#80236a rgb(128,35,106)
```

Triadic Color

#238039
```
#238039 rgb(35,128,57)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#80236a
```
#80236a rgb(128,35,106)
```
#803923
```
#803923 rgb(128,57,35)
```

Tetradic Color

#133844
```
#133844 rgb(19,56,68)
```
#184958
```
#184958 rgb(24,73,88)
```
#1e596c
```
#1e596c rgb(30,89,108)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#287b94
```
#287b94 rgb(40,123,148)
```
#2e8ba8
```
#2e8ba8 rgb(46,139,168)
```
#339cbc
```
#339cbc rgb(51,156,188)
```

Monochromatic Color

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

#23807f
```
#23807f rgb(35,128,127)
```
#237a80
```
#237a80 rgb(35,122,128)
```
#237280
```
#237280 rgb(35,114,128)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#236280
```
#236280 rgb(35,98,128)
```
#235b80
```
#235b80 rgb(35,91,128)
```
#235380
```
#235380 rgb(35,83,128)
```

Similar Colors

Text with hexadecimal color #236a80

This text has a font color of #236a80.

<span style="color:#236a80;">Text here</span>

#236a80 background color

This paragraph has a background color of #236a80.

<p style="background-color:#236a80;">Content here</p>

#236a80 border color

This element has a border color of #236a80.

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

CSS codes

.text {color:#236a80;}

.background {background-color:#236a80;}

.border {border:1px solid #236a80;}

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

#010405
```
#010405 rgb(1,4,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0a1d24
```
#0a1d24 rgb(10,29,36)
```
#0e2a33
```
#0e2a33 rgb(14,42,51)
```
#123742
```
#123742 rgb(18,55,66)
```
#164452
```
#164452 rgb(22,68,82)
```
#1b5061
```
#1b5061 rgb(27,80,97)
```
#1f5d71
```
#1f5d71 rgb(31,93,113)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#27778f
```
#27778f rgb(39,119,143)
```
#2b849f
```
#2b849f rgb(43,132,159)
```
#3090ae
```
#3090ae rgb(48,144,174)
```
#349dbe
```
#349dbe rgb(52,157,190)
```

Shade Color Variation

#3ca8ca
```
#3ca8ca rgb(60,168,202)
```
#4bafce
```
#4bafce rgb(75,175,206)
```
#5ab6d2
```
#5ab6d2 rgb(90,182,210)
```
#6abdd6
```
#6abdd6 rgb(106,189,214)
```
#79c3da
```
#79c3da rgb(121,195,218)
```
#89cadf
```
#89cadf rgb(137,202,223)
```
#98d1e3
```
#98d1e3 rgb(152,209,227)
```
#a7d8e7
```
#a7d8e7 rgb(167,216,231)
```
#b7dfeb
```
#b7dfeb rgb(183,223,235)
```
#c6e6ef
```
#c6e6ef rgb(198,230,239)
```
#d6edf4
```
#d6edf4 rgb(214,237,244)
```
#e5f3f8
```
#e5f3f8 rgb(229,243,248)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5354 is the less saturated color, while #047b9f is the most saturated one.

#4f5354
```
#4f5354 rgb(79,83,84)
```
#49565a
```
#49565a rgb(73,86,90)
```
#425961
```
#425961 rgb(66,89,97)
```
#3c5d67
```
#3c5d67 rgb(60,93,103)
```
#36606d
```
#36606d rgb(54,96,109)
```
#306373
```
#306373 rgb(48,99,115)
```
#29677a
```
#29677a rgb(41,103,122)
```
#236a80
```
#236a80 rgb(35,106,128)
```
#1d6d86
```
#1d6d86 rgb(29,109,134)
```
#16718d
```
#16718d rgb(22,113,141)
```
#107493
```
#107493 rgb(16,116,147)
```
#0a7799
```
#0a7799 rgb(10,119,153)
```
#047b9f
```
#047b9f rgb(4,123,159)
```

Tone Color Variation

Below, you can see how #236a80 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

#575757 Achromatopsia 0.005% of the population
#4d5b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#646981 Protanopia 1% of men
#61688a Deuteranopia 1% of men
#25737c Tritanopia 0.001% of the population

Trichromacy

#4c6980 Protanomaly 1% of men, 0.01% of women
#4a6986 Deuteranomaly 6% of men, 0.4% of women
#24707d Tritanomaly 0.01% of the population

#236a80 hex color

#236a80 Color Information

#236a80 Color Conversion

Color Schemes with #236a80

Alternatives to #236a80

#236a80 Preview

Shades and Tints of #236a80

Tones of #236a80

Color Blindness Simulator