#045336 hex color

In a RGB color space, hex #045336 is composed of 1.6% red, 32.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 0% magenta, 34.9% yellow and 67.5% black. It has a hue angle of 158 degrees, a saturation of 90.8% and a lightness of 17.1%. #045336 color hex could be obtained by blending #08a66c with #000000. Closest websafe color is: #006633.

♥
- f
- t
- g
- R 2
- G 33
- B 21
RGB color chart
- C 95
- M 0
- Y 35
- K 67
CMYK color chart

● #045336 color description : Very dark cyan - lime green.

The hexadecimal color #045336 has RGB values of R:4, G:83, B:54 and CMYK values of C:0.95, M:0, Y:0.35, K:0.67. Its decimal value is 283446.

Hex triplet	045336	`#045336`
RGB Decimal	4, 83, 54	`rgb(4,83,54)`
RGB Percent	1.6, 32.5, 21.2	`rgb(1.6%,32.5%,21.2%)`
CMYK	95, 0, 35, 67
HSL	158°, 90.8, 17.1	`hsl(158,90.8%,17.1%)`
HSV (or HSB)	158°, 95.2, 32.5
Web Safe	006633	`#006633`

CIE-LAB	30.588, -29.71, 10.975
XYZ	3.809, 6.478, 4.54
xyY	0.257, 0.437, 6.478
CIE-LCH	30.588, 31.672, 159.726
CIE-LUV	30.588, -25.806, 16.074
Hunter-Lab	25.452, -17.83, 7.242
Binary	00000100, 01010011, 00110110

#045336
```
#045336 rgb(4,83,54)
```
#530421
```
#530421 rgb(83,4,33)
```

Complementary Color

#04530f
```
#04530f rgb(4,83,15)
```
#045336
```
#045336 rgb(4,83,54)
```
#044953
```
#044953 rgb(4,73,83)
```

Analogous Color

#530f04
```
#530f04 rgb(83,15,4)
```
#045336
```
#045336 rgb(4,83,54)
```
#530448
```
#530448 rgb(83,4,72)
```

Split Complementary Color

#533604
```
#533604 rgb(83,54,4)
```
#045336
```
#045336 rgb(4,83,54)
```
#360453
```
#360453 rgb(54,4,83)
```

Triadic Color

#215304
```
#215304 rgb(33,83,4)
```
#045336
```
#045336 rgb(4,83,54)
```
#360453
```
#360453 rgb(54,4,83)
```
#530421
```
#530421 rgb(83,4,33)
```

Tetradic Color

#000a07
```
#000a07 rgb(0,10,7)
```
#022216
```
#022216 rgb(2,34,22)
```
#033b26
```
#033b26 rgb(3,59,38)
```
#045336
```
#045336 rgb(4,83,54)
```
#056b46
```
#056b46 rgb(5,107,70)
```
#068456
```
#068456 rgb(6,132,86)
```
#089c65
```
#089c65 rgb(8,156,101)
```

Monochromatic Color

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

#045322
```
#045322 rgb(4,83,34)
```
#045329
```
#045329 rgb(4,83,41)
```
#04532f
```
#04532f rgb(4,83,47)
```
#045336
```
#045336 rgb(4,83,54)
```
#04533d
```
#04533d rgb(4,83,61)
```
#045343
```
#045343 rgb(4,83,67)
```
#04534a
```
#04534a rgb(4,83,74)
```

Similar Colors

Text with hexadecimal color #045336

This text has a font color of #045336.

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

#045336 background color

This paragraph has a background color of #045336.

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

#045336 border color

This element has a border color of #045336.

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

CSS codes

.text {color:#045336;}

.background {background-color:#045336;}

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

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

#000805
```
#000805 rgb(0,8,5)
```
#011b11
```
#011b11 rgb(1,27,17)
```
#022e1e
```
#022e1e rgb(2,46,30)
```
#03402a
```
#03402a rgb(3,64,42)
```
#045336
```
#045336 rgb(4,83,54)
```
#056642
```
#056642 rgb(5,102,66)
```
#06784e
```
#06784e rgb(6,120,78)
```
#078b5b
```
#078b5b rgb(7,139,91)
```
#089e67
```
#089e67 rgb(8,158,103)
```
#09b173
```
#09b173 rgb(9,177,115)
```
#09c37f
```
#09c37f rgb(9,195,127)
```
#0ad68b
```
#0ad68b rgb(10,214,139)
```
#0be997
```
#0be997 rgb(11,233,151)
```

Shade Color Variation

#14f4a2
```
#14f4a2 rgb(20,244,162)
```
#27f5a9
```
#27f5a9 rgb(39,245,169)
```
#39f5b0
```
#39f5b0 rgb(57,245,176)
```
#4cf6b8
```
#4cf6b8 rgb(76,246,184)
```
#5ff7bf
```
#5ff7bf rgb(95,247,191)
```
#71f8c7
```
#71f8c7 rgb(113,248,199)
```
#84f9ce
```
#84f9ce rgb(132,249,206)
```
#97fad6
```
#97fad6 rgb(151,250,214)
```
#aafbdd
```
#aafbdd rgb(170,251,221)
```
#bcfce4
```
#bcfce4 rgb(188,252,228)
```
#cffdec
```
#cffdec rgb(207,253,236)
```
#e2fef3
```
#e2fef3 rgb(226,254,243)
```
#f4fefb
```
#f4fefb rgb(244,254,251)
```

Tint Color Variation

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

#292e2c
```
#292e2c rgb(41,46,44)
```
#25322d
```
#25322d rgb(37,50,45)
```
#22352e
```
#22352e rgb(34,53,46)
```
#1f382f
```
#1f382f rgb(31,56,47)
```
#1b3c30
```
#1b3c30 rgb(27,60,48)
```
#183f31
```
#183f31 rgb(24,63,49)
```
#154232
```
#154232 rgb(21,66,50)
```
#114632
```
#114632 rgb(17,70,50)
```
#0e4933
```
#0e4933 rgb(14,73,51)
```
#0b4c34
```
#0b4c34 rgb(11,76,52)
```
#075035
```
#075035 rgb(7,80,53)
```
#045336
```
#045336 rgb(4,83,54)
```
#015637
```
#015637 rgb(1,86,55)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2e3d38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57513c Protanopia 1% of men
#5d4e45 Deuteranopia 1% of men
#26585e Tritanopia 0.001% of the population

Trichromacy

#395239 Protanomaly 1% of men, 0.01% of women
#3c503f Deuteranomaly 6% of men, 0.4% of women
#1a564f Tritanomaly 0.01% of the population

#045336 hex color

#045336 Color Information

#045336 Color Conversion

Color Schemes with #045336

Alternatives to #045336

#045336 Preview

Shades and Tints of #045336

Tones of #045336

Color Blindness Simulator