#145f6a hex color

In a RGB color space, hex #145f6a is composed of 7.8% red, 37.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 10.4% magenta, 0% yellow and 58.4% black. It has a hue angle of 187.7 degrees, a saturation of 68.3% and a lightness of 24.7%. #145f6a color hex could be obtained by blending #28bed4 with #000000. Closest websafe color is: #006666.

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

● #145f6a color description : Very dark cyan.

The hexadecimal color #145f6a has RGB values of R:20, G:95, B:106 and CMYK values of C:0.81, M:0.1, Y:0, K:0.58. Its decimal value is 1335146.

Hex triplet	145f6a	`#145f6a`
RGB Decimal	20, 95, 106	`rgb(20,95,106)`
RGB Percent	7.8, 37.3, 41.6	`rgb(7.8%,37.3%,41.6%)`
CMYK	81, 10, 0, 58
HSL	187.7°, 68.3, 24.7	`hsl(187.7,68.3%,24.7%)`
HSV (or HSB)	187.7°, 81.1, 41.6
Web Safe	006666	`#006666`

CIE-LAB	36.693, -17.727, -12.618
XYZ	6.981, 9.373, 15.076
xyY	0.222, 0.298, 9.373
CIE-LCH	36.693, 21.759, 215.444
CIE-LUV	36.693, -25.282, -14.696
Hunter-Lab	30.616, -12.873, -7.766
Binary	00010100, 01011111, 01101010

#145f6a
```
#145f6a rgb(20,95,106)
```
#6a1f14
```
#6a1f14 rgb(106,31,20)
```

Complementary Color

#146a4a
```
#146a4a rgb(20,106,74)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#14346a
```
#14346a rgb(20,52,106)
```

Analogous Color

#6a4a14
```
#6a4a14 rgb(106,74,20)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#6a1434
```
#6a1434 rgb(106,20,52)
```

Split Complementary Color

#5f6a14
```
#5f6a14 rgb(95,106,20)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#6a145f
```
#6a145f rgb(106,20,95)
```

Triadic Color

#146a1f
```
#146a1f rgb(20,106,31)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#6a145f
```
#6a145f rgb(106,20,95)
```
#6a1f14
```
#6a1f14 rgb(106,31,20)
```

Tetradic Color

#08252a
```
#08252a rgb(8,37,42)
```
#0c393f
```
#0c393f rgb(12,57,63)
```
#104c55
```
#104c55 rgb(16,76,85)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#18727f
```
#18727f rgb(24,114,127)
```
#1c8595
```
#1c8595 rgb(28,133,149)
```
#2099aa
```
#2099aa rgb(32,153,170)
```

Monochromatic Color

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

#146a60
```
#146a60 rgb(20,106,96)
```
#146a67
```
#146a67 rgb(20,106,103)
```
#14666a
```
#14666a rgb(20,102,106)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#14586a
```
#14586a rgb(20,88,106)
```
#14516a
```
#14516a rgb(20,81,106)
```
#144a6a
```
#144a6a rgb(20,74,106)
```

Similar Colors

Text with hexadecimal color #145f6a

This text has a font color of #145f6a.

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

#145f6a background color

This paragraph has a background color of #145f6a.

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

#145f6a border color

This element has a border color of #145f6a.

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

CSS codes

.text {color:#145f6a;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041517
```
#041517 rgb(4,21,23)
```
#082428
```
#082428 rgb(8,36,40)
```
#0b3338
```
#0b3338 rgb(11,51,56)
```
#0e4149
```
#0e4149 rgb(14,65,73)
```
#115059
```
#115059 rgb(17,80,89)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#176e7b
```
#176e7b rgb(23,110,123)
```
#1a7d8b
```
#1a7d8b rgb(26,125,139)
```
#1d8b9c
```
#1d8b9c rgb(29,139,156)
```
#209aac
```
#209aac rgb(32,154,172)
```
#24a9bd
```
#24a9bd rgb(36,169,189)
```
#27b8cd
```
#27b8cd rgb(39,184,205)
```

Shade Color Variation

#2fc2d8
```
#2fc2d8 rgb(47,194,216)
```
#40c7db
```
#40c7db rgb(64,199,219)
```
#50ccde
```
#50ccde rgb(80,204,222)
```
#61d1e1
```
#61d1e1 rgb(97,209,225)
```
#71d6e4
```
#71d6e4 rgb(113,214,228)
```
#82dae7
```
#82dae7 rgb(130,218,231)
```
#92dfeb
```
#92dfeb rgb(146,223,235)
```
#a3e4ee
```
#a3e4ee rgb(163,228,238)
```
#b3e9f1
```
#b3e9f1 rgb(179,233,241)
```
#c4eef4
```
#c4eef4 rgb(196,238,244)
```
#d4f3f7
```
#d4f3f7 rgb(212,243,247)
```
#e5f7fa
```
#e5f7fa rgb(229,247,250)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#3b4243
```
#3b4243 rgb(59,66,67)
```
#364648
```
#364648 rgb(54,70,72)
```
#31494d
```
#31494d rgb(49,73,77)
```
#2c4d52
```
#2c4d52 rgb(44,77,82)
```
#275157
```
#275157 rgb(39,81,87)
```
#23545b
```
#23545b rgb(35,84,91)
```
#1e5860
```
#1e5860 rgb(30,88,96)
```
#195b65
```
#195b65 rgb(25,91,101)
```
#145f6a
```
#145f6a rgb(20,95,106)
```
#0f636f
```
#0f636f rgb(15,99,111)
```
#0a6674
```
#0a6674 rgb(10,102,116)
```
#056a79
```
#056a79 rgb(5,106,121)
```
#016d7d
```
#016d7d rgb(1,109,125)
```

Tone Color Variation

Below, you can see how #145f6a 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
#3f4e50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5e6c Protanopia 1% of men
#5b5d75 Deuteranopia 1% of men
#1d676f Tritanopia 0.001% of the population

Trichromacy

#425e6b Protanomaly 1% of men, 0.01% of women
#415e71 Deuteranomaly 6% of men, 0.4% of women
#1a646d Tritanomaly 0.01% of the population

#145f6a hex color

#145f6a Color Information

#145f6a Color Conversion

Color Schemes with #145f6a

Alternatives to #145f6a

#145f6a Preview

Shades and Tints of #145f6a

Tones of #145f6a

Color Blindness Simulator