#45f096 hex color

In a RGB color space, hex #45f096 is composed of 27.1% red, 94.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 37.5% yellow and 5.9% black. It has a hue angle of 148.4 degrees, a saturation of 85.1% and a lightness of 60.6%. #45f096 color hex could be obtained by blending #8affff with #00e12d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 94
- B 59
RGB color chart
- C 71
- M 0
- Y 38
- K 6
CMYK color chart

● #45f096 color description : Bright cyan - lime green.

The hexadecimal color #45f096 has RGB values of R:69, G:240, B:150 and CMYK values of C:0.71, M:0, Y:0.38, K:0.06. Its decimal value is 4583574.

Hex triplet	45f096	`#45f096`
RGB Decimal	69, 240, 150	`rgb(69,240,150)`
RGB Percent	27.1, 94.1, 58.8	`rgb(27.1%,94.1%,58.8%)`
CMYK	71, 0, 38, 6
HSL	148.4°, 85.1, 60.6	`hsl(148.4,85.1%,60.6%)`
HSV (or HSB)	148.4°, 71.3, 94.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.886, -62.938, 31.315
XYZ	39.117, 65.784, 39.488
xyY	0.271, 0.456, 65.784
CIE-LCH	84.886, 70.298, 153.547
CIE-LUV	84.886, -67.435, 54.117
Hunter-Lab	81.107, -55.85, 27.909
Binary	01000101, 11110000, 10010110

#45f096
```
#45f096 rgb(69,240,150)
```
#f0459f
```
#f0459f rgb(240,69,159)
```

Complementary Color

#4af045
```
#4af045 rgb(74,240,69)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#45f0ec
```
#45f0ec rgb(69,240,236)
```

Analogous Color

#f04549
```
#f04549 rgb(240,69,73)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#ec45f0
```
#ec45f0 rgb(236,69,240)
```

Split Complementary Color

#f09645
```
#f09645 rgb(240,150,69)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#9645f0
```
#9645f0 rgb(150,69,240)
```

Triadic Color

#9ff045
```
#9ff045 rgb(159,240,69)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#9645f0
```
#9645f0 rgb(150,69,240)
```
#f0459f
```
#f0459f rgb(240,69,159)
```

Tetradic Color

#11d76f
```
#11d76f rgb(17,215,111)
```
#16ec7b
```
#16ec7b rgb(22,236,123)
```
#2dee89
```
#2dee89 rgb(45,238,137)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#5df2a3
```
#5df2a3 rgb(93,242,163)
```
#74f4b1
```
#74f4b1 rgb(116,244,177)
```
#8cf6be
```
#8cf6be rgb(140,246,190)
```

Monochromatic Color

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

#45f06b
```
#45f06b rgb(69,240,107)
```
#45f07a
```
#45f07a rgb(69,240,122)
```
#45f088
```
#45f088 rgb(69,240,136)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#45f0a4
```
#45f0a4 rgb(69,240,164)
```
#45f0b3
```
#45f0b3 rgb(69,240,179)
```
#45f0c1
```
#45f0c1 rgb(69,240,193)
```

Similar Colors

Text with hexadecimal color #45f096

This text has a font color of #45f096.

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

#45f096 background color

This paragraph has a background color of #45f096.

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

#45f096 border color

This element has a border color of #45f096.

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

CSS codes

.text {color:#45f096;}

.background {background-color:#45f096;}

.border {border:1px solid #45f096;}

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

#010e07
```
#010e07 rgb(1,14,7)
```
#032010
```
#032010 rgb(3,32,16)
```
#04321a
```
#04321a rgb(4,50,26)
```
#054423
```
#054423 rgb(5,68,35)
```
#07562d
```
#07562d rgb(7,86,45)
```
#086836
```
#086836 rgb(8,104,54)
```
#0a7b3f
```
#0a7b3f rgb(10,123,63)
```
#0b8d49
```
#0b8d49 rgb(11,141,73)
```
#0d9f52
```
#0d9f52 rgb(13,159,82)
```
#0eb15b
```
#0eb15b rgb(14,177,91)
```
#10c365
```
#10c365 rgb(16,195,101)
```
#11d56e
```
#11d56e rgb(17,213,110)
```
#13e777
```
#13e777 rgb(19,231,119)
```

Shade Color Variation

#21ed82
```
#21ed82 rgb(33,237,130)
```
#33ef8c
```
#33ef8c rgb(51,239,140)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#57f1a0
```
#57f1a0 rgb(87,241,160)
```
#69f3aa
```
#69f3aa rgb(105,243,170)
```
#7bf4b5
```
#7bf4b5 rgb(123,244,181)
```
#8ef6bf
```
#8ef6bf rgb(142,246,191)
```
#a0f7c9
```
#a0f7c9 rgb(160,247,201)
```
#b2f9d3
```
#b2f9d3 rgb(178,249,211)
```
#c4fade
```
#c4fade rgb(196,250,222)
```
#d6fce8
```
#d6fce8 rgb(214,252,232)
```
#e8fdf2
```
#e8fdf2 rgb(232,253,242)
```
#fbfffc
```
#fbfffc rgb(251,255,252)
```

Tint Color Variation

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

#9a9b9a
```
#9a9b9a rgb(154,155,154)
```
#92a39a
```
#92a39a rgb(146,163,154)
```
#8baa9a
```
#8baa9a rgb(139,170,154)
```
#83b299
```
#83b299 rgb(131,178,153)
```
#7bba99
```
#7bba99 rgb(123,186,153)
```
#73c298
```
#73c298 rgb(115,194,152)
```
#6cc998
```
#6cc998 rgb(108,201,152)
```
#64d198
```
#64d198 rgb(100,209,152)
```
#5cd997
```
#5cd997 rgb(92,217,151)
```
#54e197
```
#54e197 rgb(84,225,151)
```
#4de896
```
#4de896 rgb(77,232,150)
```
#45f096
```
#45f096 rgb(69,240,150)
```
#3df896
```
#3df896 rgb(61,248,150)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9dbfad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d691 Protanopia 1% of men
#f9cea7 Deuteranopia 1% of men
#79e5f6 Tritanopia 0.001% of the population

Trichromacy

#acdf92 Protanomaly 1% of men, 0.01% of women
#b8daa1 Deuteranomaly 6% of men, 0.4% of women
#66e9d3 Tritanomaly 0.01% of the population

#45f096 hex color

#45f096 Color Information

#45f096 Color Conversion

Color Schemes with #45f096

Alternatives to #45f096

#45f096 Preview

Shades and Tints of #45f096

Tones of #45f096

Color Blindness Simulator