#148284 hex color

In a RGB color space, hex #148284 is composed of 7.8% red, 51% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 1.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 181.1 degrees, a saturation of 73.7% and a lightness of 29.8%. #148284 color hex could be obtained by blending #28ffff with #000509. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 51
- B 52
RGB color chart
- C 85
- M 2
- Y 0
- K 48
CMYK color chart

● #148284 color description : Dark cyan.

The hexadecimal color #148284 has RGB values of R:20, G:130, B:132 and CMYK values of C:0.85, M:0.02, Y:0, K:0.48. Its decimal value is 1344132.

Hex triplet	148284	`#148284`
RGB Decimal	20, 130, 132	`rgb(20,130,132)`
RGB Percent	7.8, 51, 51.8	`rgb(7.8%,51%,51.8%)`
CMYK	85, 2, 0, 48
HSL	181.1°, 73.7, 29.8	`hsl(181.1,73.7%,29.8%)`
HSV (or HSB)	181.1°, 84.8, 51.8
Web Safe	009999	`#009999`

CIE-LAB	49.227, -27.323, -9.36
XYZ	12.435, 17.779, 24.605
xyY	0.227, 0.324, 17.779
CIE-LCH	49.227, 28.882, 198.909
CIE-LUV	49.227, -36.418, -9.577
Hunter-Lab	42.165, -21.147, -5.083
Binary	00010100, 10000010, 10000100

#148284
```
#148284 rgb(20,130,132)
```
#841614
```
#841614 rgb(132,22,20)
```

Complementary Color

#14844e
```
#14844e rgb(20,132,78)
```
#148284
```
#148284 rgb(20,130,132)
```
#144a84
```
#144a84 rgb(20,74,132)
```

Analogous Color

#844e14
```
#844e14 rgb(132,78,20)
```
#148284
```
#148284 rgb(20,130,132)
```
#84144a
```
#84144a rgb(132,20,74)
```

Split Complementary Color

#828414
```
#828414 rgb(130,132,20)
```
#148284
```
#148284 rgb(20,130,132)
```
#841482
```
#841482 rgb(132,20,130)
```

Triadic Color

#148416
```
#148416 rgb(20,132,22)
```
#148284
```
#148284 rgb(20,130,132)
```
#841482
```
#841482 rgb(132,20,130)
```
#841614
```
#841614 rgb(132,22,20)
```

Tetradic Color

#0a4142
```
#0a4142 rgb(10,65,66)
```
#0d5658
```
#0d5658 rgb(13,86,88)
```
#116c6e
```
#116c6e rgb(17,108,110)
```
#148284
```
#148284 rgb(20,130,132)
```
#17989a
```
#17989a rgb(23,152,154)
```
#1baeb0
```
#1baeb0 rgb(27,174,176)
```
#1ec3c6
```
#1ec3c6 rgb(30,195,198)
```

Monochromatic Color

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

#14846a
```
#14846a rgb(20,132,106)
```
#148473
```
#148473 rgb(20,132,115)
```
#14847d
```
#14847d rgb(20,132,125)
```
#148284
```
#148284 rgb(20,130,132)
```
#147984
```
#147984 rgb(20,121,132)
```
#146f84
```
#146f84 rgb(20,111,132)
```
#146684
```
#146684 rgb(20,102,132)
```

Similar Colors

Text with hexadecimal color #148284

This text has a font color of #148284.

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

#148284 background color

This paragraph has a background color of #148284.

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

#148284 border color

This element has a border color of #148284.

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

CSS codes

.text {color:#148284;}

.background {background-color:#148284;}

.border {border:1px solid #148284;}

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, #020d0d is the darkest color, while #fbfefe is the lightest one.

#020d0d
```
#020d0d rgb(2,13,13)
```
#051d1e
```
#051d1e rgb(5,29,30)
```
#072e2f
```
#072e2f rgb(7,46,47)
```
#0a3f40
```
#0a3f40 rgb(10,63,64)
```
#0c5051
```
#0c5051 rgb(12,80,81)
```
#0f6062
```
#0f6062 rgb(15,96,98)
```
#117173
```
#117173 rgb(17,113,115)
```
#148284
```
#148284 rgb(20,130,132)
```
#179395
```
#179395 rgb(23,147,149)
```
#19a4a6
```
#19a4a6 rgb(25,164,166)
```
#1cb4b7
```
#1cb4b7 rgb(28,180,183)
```
#1ec5c8
```
#1ec5c8 rgb(30,197,200)
```
#21d6d9
```
#21d6d9 rgb(33,214,217)
```

Shade Color Variation

#2edcdf
```
#2edcdf rgb(46,220,223)
```
#3fdfe2
```
#3fdfe2 rgb(63,223,226)
```
#50e2e5
```
#50e2e5 rgb(80,226,229)
```
#61e5e7
```
#61e5e7 rgb(97,229,231)
```
#72e8ea
```
#72e8ea rgb(114,232,234)
```
#83eaec
```
#83eaec rgb(131,234,236)
```
#95edef
```
#95edef rgb(149,237,239)
```
#a6f0f1
```
#a6f0f1 rgb(166,240,241)
```
#b7f3f4
```
#b7f3f4 rgb(183,243,244)
```
#c8f6f7
```
#c8f6f7 rgb(200,246,247)
```
#d9f9f9
```
#d9f9f9 rgb(217,249,249)
```
#eafbfc
```
#eafbfc rgb(234,251,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#494f4f
```
#494f4f rgb(73,79,79)
```
#435555
```
#435555 rgb(67,85,85)
```
#3d5b5b
```
#3d5b5b rgb(61,91,91)
```
#376061
```
#376061 rgb(55,96,97)
```
#316667
```
#316667 rgb(49,102,103)
```
#2b6b6d
```
#2b6b6d rgb(43,107,109)
```
#267172
```
#267172 rgb(38,113,114)
```
#207778
```
#207778 rgb(32,119,120)
```
#1a7c7e
```
#1a7c7e rgb(26,124,126)
```
#148284
```
#148284 rgb(20,130,132)
```
#0e888a
```
#0e888a rgb(14,136,138)
```
#088d90
```
#088d90 rgb(8,141,144)
```
#029396
```
#029396 rgb(2,147,150)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#526868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7b82 Protanopia 1% of men
#7d7990 Deuteranopia 1% of men
#288791 Tritanopia 0.001% of the population

Trichromacy

#567d83 Protanomaly 1% of men, 0.01% of women
#577c8b Deuteranomaly 6% of men, 0.4% of women
#20858c Tritanomaly 0.01% of the population

#148284 hex color

#148284 Color Information

#148284 Color Conversion

Color Schemes with #148284

Alternatives to #148284

#148284 Preview

Shades and Tints of #148284

Tones of #148284

Color Blindness Simulator