#045648 hex color

In a RGB color space, hex #045648 is composed of 1.6% red, 33.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 0% magenta, 16.3% yellow and 66.3% black. It has a hue angle of 169.8 degrees, a saturation of 91.1% and a lightness of 17.6%. #045648 color hex could be obtained by blending #08ac90 with #000000. Closest websafe color is: #006633.

♥
- f
- t
- g
- R 2
- G 34
- B 28
RGB color chart
- C 95
- M 0
- Y 16
- K 66
CMYK color chart

● #045648 color description : Very dark cyan.

The hexadecimal color #045648 has RGB values of R:4, G:86, B:72 and CMYK values of C:0.95, M:0, Y:0.16, K:0.66. Its decimal value is 284232.

Hex triplet	045648	`#045648`
RGB Decimal	4, 86, 72	`rgb(4,86,72)`
RGB Percent	1.6, 33.7, 28.2	`rgb(1.6%,33.7%,28.2%)`
CMYK	95, 0, 16, 66
HSL	169.8°, 91.1, 17.6	`hsl(169.8,91.1%,17.6%)`
HSV (or HSB)	169.8°, 95.3, 33.7
Web Safe	006633	`#006633`

CIE-LAB	32.143, -26.003, 1.865
XYZ	4.547, 7.149, 7.271
xyY	0.24, 0.377, 7.149
CIE-LCH	32.143, 26.07, 175.897
CIE-LUV	32.143, -25.778, 5.547
Hunter-Lab	26.737, -16.433, 2.593
Binary	00000100, 01010110, 01001000

#045648
```
#045648 rgb(4,86,72)
```
#560412
```
#560412 rgb(86,4,18)
```

Complementary Color

#04561f
```
#04561f rgb(4,86,31)
```
#045648
```
#045648 rgb(4,86,72)
```
#043b56
```
#043b56 rgb(4,59,86)
```

Analogous Color

#561f04
```
#561f04 rgb(86,31,4)
```
#045648
```
#045648 rgb(4,86,72)
```
#56043b
```
#56043b rgb(86,4,59)
```

Split Complementary Color

#564804
```
#564804 rgb(86,72,4)
```
#045648
```
#045648 rgb(4,86,72)
```
#480456
```
#480456 rgb(72,4,86)
```

Triadic Color

#125604
```
#125604 rgb(18,86,4)
```
#045648
```
#045648 rgb(4,86,72)
```
#480456
```
#480456 rgb(72,4,86)
```
#560412
```
#560412 rgb(86,4,18)
```

Tetradic Color

#010d0b
```
#010d0b rgb(1,13,11)
```
#02251f
```
#02251f rgb(2,37,31)
```
#033e34
```
#033e34 rgb(3,62,52)
```
#045648
```
#045648 rgb(4,86,72)
```
#056e5c
```
#056e5c rgb(5,110,92)
```
#068771
```
#068771 rgb(6,135,113)
```
#079f85
```
#079f85 rgb(7,159,133)
```

Monochromatic Color

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

#045634
```
#045634 rgb(4,86,52)
```
#04563a
```
#04563a rgb(4,86,58)
```
#045641
```
#045641 rgb(4,86,65)
```
#045648
```
#045648 rgb(4,86,72)
```
#04564f
```
#04564f rgb(4,86,79)
```
#045656
```
#045656 rgb(4,86,86)
```
#045056
```
#045056 rgb(4,80,86)
```

Similar Colors

Text with hexadecimal color #045648

This text has a font color of #045648.

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

#045648 background color

This paragraph has a background color of #045648.

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

#045648 border color

This element has a border color of #045648.

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

CSS codes

.text {color:#045648;}

.background {background-color:#045648;}

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

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, #010b09 is the darkest color, while #f7fffd is the lightest one.

#010b09
```
#010b09 rgb(1,11,9)
```
#011e19
```
#011e19 rgb(1,30,25)
```
#023129
```
#023129 rgb(2,49,41)
```
#034338
```
#034338 rgb(3,67,56)
```
#045648
```
#045648 rgb(4,86,72)
```
#056958
```
#056958 rgb(5,105,88)
```
#067b67
```
#067b67 rgb(6,123,103)
```
#078e77
```
#078e77 rgb(7,142,119)
```
#07a187
```
#07a187 rgb(7,161,135)
```
#08b496
```
#08b496 rgb(8,180,150)
```
#09c6a6
```
#09c6a6 rgb(9,198,166)
```
#0ad9b6
```
#0ad9b6 rgb(10,217,182)
```
#0becc6
```
#0becc6 rgb(11,236,198)
```

Shade Color Variation

#16f4ce
```
#16f4ce rgb(22,244,206)
```
#29f5d2
```
#29f5d2 rgb(41,245,210)
```
#3cf6d6
```
#3cf6d6 rgb(60,246,214)
```
#4ff7da
```
#4ff7da rgb(79,247,218)
```
#61f8de
```
#61f8de rgb(97,248,222)
```
#74f9e2
```
#74f9e2 rgb(116,249,226)
```
#87f9e6
```
#87f9e6 rgb(135,249,230)
```
#9afaea
```
#9afaea rgb(154,250,234)
```
#acfbee
```
#acfbee rgb(172,251,238)
```
#bffcf2
```
#bffcf2 rgb(191,252,242)
```
#d2fdf6
```
#d2fdf6 rgb(210,253,246)
```
#e5fef9
```
#e5fef9 rgb(229,254,249)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2a302f is the less saturated color, while #01594a is the most saturated one.

#2a302f
```
#2a302f rgb(42,48,47)
```
#273331
```
#273331 rgb(39,51,49)
```
#233733
```
#233733 rgb(35,55,51)
```
#203a36
```
#203a36 rgb(32,58,54)
```
#1c3e38
```
#1c3e38 rgb(28,62,56)
```
#19413a
```
#19413a rgb(25,65,58)
```
#15453d
```
#15453d rgb(21,69,61)
```
#12483f
```
#12483f rgb(18,72,63)
```
#0e4c41
```
#0e4c41 rgb(14,76,65)
```
#0b4f43
```
#0b4f43 rgb(11,79,67)
```
#075346
```
#075346 rgb(7,83,70)
```
#045648
```
#045648 rgb(4,86,72)
```
#01594a
```
#01594a rgb(1,89,74)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#31413e Atypical Achromatopsia 0.001% of the population

Dichromacy

#58544c Protanopia 1% of men
#5c5255 Deuteranopia 1% of men
#225c63 Tritanopia 0.001% of the population

Trichromacy

#39554a Protanomaly 1% of men, 0.01% of women
#3c5350 Deuteranomaly 6% of men, 0.4% of women
#175959 Tritanomaly 0.01% of the population

#045648 hex color

#045648 Color Information

#045648 Color Conversion

Color Schemes with #045648

Alternatives to #045648

#045648 Preview

Shades and Tints of #045648

Tones of #045648

Color Blindness Simulator