#45f693 hex color

In a RGB color space, hex #45f693 is composed of 27.1% red, 96.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 0% magenta, 40.2% yellow and 3.5% black. It has a hue angle of 146.4 degrees, a saturation of 90.8% and a lightness of 61.8%. #45f693 color hex could be obtained by blending #8affff with #00ed27. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 96
- B 58
RGB color chart
- C 72
- M 0
- Y 40
- K 4
CMYK color chart

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

The hexadecimal color #45f693 has RGB values of R:69, G:246, B:147 and CMYK values of C:0.72, M:0, Y:0.4, K:0.04. Its decimal value is 4585107.

Hex triplet	45f693	`#45f693`
RGB Decimal	69, 246, 147	`rgb(69,246,147)`
RGB Percent	27.1, 96.5, 57.6	`rgb(27.1%,96.5%,57.6%)`
CMYK	72, 0, 40, 4
HSL	146.4°, 90.8, 61.8	`hsl(146.4,90.8%,61.8%)`
HSV (or HSB)	146.4°, 72, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.642, -65.637, 35.139
XYZ	40.674, 69.279, 38.831
xyY	0.273, 0.466, 69.279
CIE-LCH	86.642, 74.451, 151.838
CIE-LUV	86.642, -69.663, 59.518
Hunter-Lab	83.234, -58.433, 30.604
Binary	01000101, 11110110, 10010011

#45f693
```
#45f693 rgb(69,246,147)
```
#f645a8
```
#f645a8 rgb(246,69,168)
```

Complementary Color

#50f645
```
#50f645 rgb(80,246,69)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#45f6ec
```
#45f6ec rgb(69,246,236)
```

Analogous Color

#f6454f
```
#f6454f rgb(246,69,79)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#ec45f6
```
#ec45f6 rgb(236,69,246)
```

Split Complementary Color

#f69345
```
#f69345 rgb(246,147,69)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#9345f6
```
#9345f6 rgb(147,69,246)
```

Triadic Color

#a8f645
```
#a8f645 rgb(168,246,69)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#9345f6
```
#9345f6 rgb(147,69,246)
```
#f645a8
```
#f645a8 rgb(246,69,168)
```

Tetradic Color

#0be36a
```
#0be36a rgb(11,227,106)
```
#14f477
```
#14f477 rgb(20,244,119)
```
#2df585
```
#2df585 rgb(45,245,133)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#5df7a1
```
#5df7a1 rgb(93,247,161)
```
#76f8af
```
#76f8af rgb(118,248,175)
```
#8efabd
```
#8efabd rgb(142,250,189)
```

Monochromatic Color

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

#45f667
```
#45f667 rgb(69,246,103)
```
#45f676
```
#45f676 rgb(69,246,118)
```
#45f684
```
#45f684 rgb(69,246,132)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#45f6a2
```
#45f6a2 rgb(69,246,162)
```
#45f6b1
```
#45f6b1 rgb(69,246,177)
```
#45f6bf
```
#45f6bf rgb(69,246,191)
```

Similar Colors

Text with hexadecimal color #45f693

This text has a font color of #45f693.

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

#45f693 background color

This paragraph has a background color of #45f693.

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

#45f693 border color

This element has a border color of #45f693.

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

CSS codes

.text {color:#45f693;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011409
```
#011409 rgb(1,20,9)
```
#022712
```
#022712 rgb(2,39,18)
```
#03391b
```
#03391b rgb(3,57,27)
```
#044c24
```
#044c24 rgb(4,76,36)
```
#055f2c
```
#055f2c rgb(5,95,44)
```
#057135
```
#057135 rgb(5,113,53)
```
#06843e
```
#06843e rgb(6,132,62)
```
#079747
```
#079747 rgb(7,151,71)
```
#08a94f
```
#08a94f rgb(8,169,79)
```
#09bc58
```
#09bc58 rgb(9,188,88)
```
#0acf61
```
#0acf61 rgb(10,207,97)
```
#0be26a
```
#0be26a rgb(11,226,106)
```

Shade Color Variation

#0df372
```
#0df372 rgb(13,243,114)
```
#20f47d
```
#20f47d rgb(32,244,125)
```
#32f588
```
#32f588 rgb(50,245,136)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#58f79e
```
#58f79e rgb(88,247,158)
```
#6af8a9
```
#6af8a9 rgb(106,248,169)
```
#7df9b4
```
#7df9b4 rgb(125,249,180)
```
#90fabe
```
#90fabe rgb(144,250,190)
```
#a3fbc9
```
#a3fbc9 rgb(163,251,201)
```
#b5fbd4
```
#b5fbd4 rgb(181,251,212)
```
#c8fcdf
```
#c8fcdf rgb(200,252,223)
```
#dbfdea
```
#dbfdea rgb(219,253,234)
```
#edfef5
```
#edfef5 rgb(237,254,245)
```

Tint Color Variation

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

#98a49d
```
#98a49d rgb(152,164,157)
```
#90ab9c
```
#90ab9c rgb(144,171,156)
```
#89b39b
```
#89b39b rgb(137,179,155)
```
#81ba9a
```
#81ba9a rgb(129,186,154)
```
#7ac299
```
#7ac299 rgb(122,194,153)
```
#72c998
```
#72c998 rgb(114,201,152)
```
#6bd197
```
#6bd197 rgb(107,209,151)
```
#63d897
```
#63d897 rgb(99,216,151)
```
#5ce096
```
#5ce096 rgb(92,224,150)
```
#54e795
```
#54e795 rgb(84,231,149)
```
#4def94
```
#4def94 rgb(77,239,148)
```
#45f693
```
#45f693 rgb(69,246,147)
```
#3efe92
```
#3efe92 rgb(62,254,146)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9fc3af Atypical Achromatopsia 0.001% of the population

Dichromacy

#edda8e Protanopia 1% of men
#ffd2a8 Deuteranopia 1% of men
#7ceafb Tritanopia 0.001% of the population

Trichromacy

#b0e48f Protanomaly 1% of men, 0.01% of women
#bbdfa0 Deuteranomaly 6% of men, 0.4% of women
#68eed5 Tritanomaly 0.01% of the population

#45f693 hex color

#45f693 Color Information

#45f693 Color Conversion

Color Schemes with #45f693

Alternatives to #45f693

#45f693 Preview

Shades and Tints of #45f693

Tones of #45f693

Color Blindness Simulator