#145f6c hex color

In a RGB color space, hex #145f6c is composed of 7.8% red, 37.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 12% magenta, 0% yellow and 57.6% black. It has a hue angle of 188.9 degrees, a saturation of 68.8% and a lightness of 25.1%. #145f6c color hex could be obtained by blending #28bed8 with #000000. Closest websafe color is: #006666.

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

● #145f6c color description : Very dark cyan.

The hexadecimal color #145f6c has RGB values of R:20, G:95, B:108 and CMYK values of C:0.81, M:0.12, Y:0, K:0.58. Its decimal value is 1335148.

Hex triplet	145f6c	`#145f6c`
RGB Decimal	20, 95, 108	`rgb(20,95,108)`
RGB Percent	7.8, 37.3, 42.4	`rgb(7.8%,37.3%,42.4%)`
CMYK	81, 12, 0, 58
HSL	188.9°, 68.8, 25.1	`hsl(188.9,68.8%,25.1%)`
HSV (or HSB)	188.9°, 81.5, 42.4
Web Safe	006666	`#006666`

CIE-LAB	36.772, -17.019, -13.735
XYZ	7.087, 9.415, 15.63
xyY	0.221, 0.293, 9.415
CIE-LCH	36.772, 21.87, 218.905
CIE-LUV	36.772, -25.156, -16.371
Hunter-Lab	30.684, -12.472, -8.723
Binary	00010100, 01011111, 01101100

#145f6c
```
#145f6c rgb(20,95,108)
```
#6c2114
```
#6c2114 rgb(108,33,20)
```

Complementary Color

#146c4d
```
#146c4d rgb(20,108,77)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#14336c
```
#14336c rgb(20,51,108)
```

Analogous Color

#6c4d14
```
#6c4d14 rgb(108,77,20)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#6c1433
```
#6c1433 rgb(108,20,51)
```

Split Complementary Color

#5f6c14
```
#5f6c14 rgb(95,108,20)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#6c145f
```
#6c145f rgb(108,20,95)
```

Triadic Color

#146c21
```
#146c21 rgb(20,108,33)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#6c145f
```
#6c145f rgb(108,20,95)
```
#6c2114
```
#6c2114 rgb(108,33,20)
```

Tetradic Color

#08262b
```
#08262b rgb(8,38,43)
```
#0c3941
```
#0c3941 rgb(12,57,65)
```
#104c56
```
#104c56 rgb(16,76,86)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#187282
```
#187282 rgb(24,114,130)
```
#1c8597
```
#1c8597 rgb(28,133,151)
```
#2098ad
```
#2098ad rgb(32,152,173)
```

Monochromatic Color

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

#146c63
```
#146c63 rgb(20,108,99)
```
#146c6a
```
#146c6a rgb(20,108,106)
```
#14666c
```
#14666c rgb(20,102,108)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#14586c
```
#14586c rgb(20,88,108)
```
#14506c
```
#14506c rgb(20,80,108)
```
#14496c
```
#14496c rgb(20,73,108)
```

Similar Colors

Text with hexadecimal color #145f6c

This text has a font color of #145f6c.

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

#145f6c background color

This paragraph has a background color of #145f6c.

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

#145f6c border color

This element has a border color of #145f6c.

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

CSS codes

.text {color:#145f6c;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#051619
```
#051619 rgb(5,22,25)
```
#08252a
```
#08252a rgb(8,37,42)
```
#0b333a
```
#0b333a rgb(11,51,58)
```
#0e424b
```
#0e424b rgb(14,66,75)
```
#11505b
```
#11505b rgb(17,80,91)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#176e7d
```
#176e7d rgb(23,110,125)
```
#1a7c8d
```
#1a7c8d rgb(26,124,141)
```
#1d8b9e
```
#1d8b9e rgb(29,139,158)
```
#2099ae
```
#2099ae rgb(32,153,174)
```
#23a8bf
```
#23a8bf rgb(35,168,191)
```
#26b6cf
```
#26b6cf rgb(38,182,207)
```

Shade Color Variation

#31c0d9
```
#31c0d9 rgb(49,192,217)
```
#41c5dc
```
#41c5dc rgb(65,197,220)
```
#52cadf
```
#52cadf rgb(82,202,223)
```
#62cfe2
```
#62cfe2 rgb(98,207,226)
```
#73d4e5
```
#73d4e5 rgb(115,212,229)
```
#83d9e8
```
#83d9e8 rgb(131,217,232)
```
#94deeb
```
#94deeb rgb(148,222,235)
```
#a4e3ee
```
#a4e3ee rgb(164,227,238)
```
#b5e8f1
```
#b5e8f1 rgb(181,232,241)
```
#c5edf4
```
#c5edf4 rgb(197,237,244)
```
#d6f2f7
```
#d6f2f7 rgb(214,242,247)
```
#e7f8fa
```
#e7f8fa rgb(231,248,250)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#3b4345
```
#3b4345 rgb(59,67,69)
```
#36474a
```
#36474a rgb(54,71,74)
```
#324a4e
```
#324a4e rgb(50,74,78)
```
#2d4e53
```
#2d4e53 rgb(45,78,83)
```
#285158
```
#285158 rgb(40,81,88)
```
#23555d
```
#23555d rgb(35,85,93)
```
#1e5862
```
#1e5862 rgb(30,88,98)
```
#195c67
```
#195c67 rgb(25,92,103)
```
#145f6c
```
#145f6c rgb(20,95,108)
```
#0f6271
```
#0f6271 rgb(15,98,113)
```
#0a6676
```
#0a6676 rgb(10,102,118)
```
#05697b
```
#05697b rgb(5,105,123)
```
#006d80
```
#006d80 rgb(0,109,128)
```

Tone Color Variation

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

Dichromacy

#5c5e6e Protanopia 1% of men
#5a5d77 Deuteranopia 1% of men
#1b686f Tritanopia 0.001% of the population

Trichromacy

#415e6d Protanomaly 1% of men, 0.01% of women
#405e73 Deuteranomaly 6% of men, 0.4% of women
#18646e Tritanomaly 0.01% of the population

#145f6c hex color

#145f6c Color Information

#145f6c Color Conversion

Color Schemes with #145f6c

Alternatives to #145f6c

#145f6c Preview

Shades and Tints of #145f6c

Tones of #145f6c

Color Blindness Simulator