#45f498 hex color

In a RGB color space, hex #45f498 is composed of 27.1% red, 95.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 0% magenta, 37.7% yellow and 4.3% black. It has a hue angle of 148.5 degrees, a saturation of 88.8% and a lightness of 61.4%. #45f498 color hex could be obtained by blending #8affff with #00e931. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #45f498 has RGB values of R:69, G:244, B:152 and CMYK values of C:0.72, M:0, Y:0.38, K:0.04. Its decimal value is 4584600.

Hex triplet	45f498	`#45f498`
RGB Decimal	69, 244, 152	`rgb(69,244,152)`
RGB Percent	27.1, 95.7, 59.6	`rgb(27.1%,95.7%,59.6%)`
CMYK	72, 0, 38, 4
HSL	148.5°, 88.8, 61.4	`hsl(148.5,88.8%,61.4%)`
HSV (or HSB)	148.5°, 71.7, 95.7
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.121, -64.023, 31.952
XYZ	40.47, 68.23, 40.741
xyY	0.271, 0.457, 68.23
CIE-LCH	86.121, 71.553, 153.477
CIE-LUV	86.121, -68.702, 55.27
Hunter-Lab	82.601, -57.098, 28.578
Binary	01000101, 11110100, 10011000

#45f498
```
#45f498 rgb(69,244,152)
```
#f445a1
```
#f445a1 rgb(244,69,161)
```

Complementary Color

#4af445
```
#4af445 rgb(74,244,69)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#45f4f0
```
#45f4f0 rgb(69,244,240)
```

Analogous Color

#f4454a
```
#f4454a rgb(244,69,74)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#f045f4
```
#f045f4 rgb(240,69,244)
```

Split Complementary Color

#f49845
```
#f49845 rgb(244,152,69)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#9845f4
```
#9845f4 rgb(152,69,244)
```

Triadic Color

#a1f445
```
#a1f445 rgb(161,244,69)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#9845f4
```
#9845f4 rgb(152,69,244)
```
#f445a1
```
#f445a1 rgb(244,69,161)
```

Tetradic Color

#0ddf71
```
#0ddf71 rgb(13,223,113)
```
#15f17d
```
#15f17d rgb(21,241,125)
```
#2df38b
```
#2df38b rgb(45,243,139)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#5df5a5
```
#5df5a5 rgb(93,245,165)
```
#75f7b3
```
#75f7b3 rgb(117,247,179)
```
#8df8c0
```
#8df8c0 rgb(141,248,192)
```

Monochromatic Color

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

#45f46c
```
#45f46c rgb(69,244,108)
```
#45f47b
```
#45f47b rgb(69,244,123)
```
#45f489
```
#45f489 rgb(69,244,137)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#45f4a7
```
#45f4a7 rgb(69,244,167)
```
#45f4b5
```
#45f4b5 rgb(69,244,181)
```
#45f4c4
```
#45f4c4 rgb(69,244,196)
```

Similar Colors

Text with hexadecimal color #45f498

This text has a font color of #45f498.

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

#45f498 background color

This paragraph has a background color of #45f498.

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

#45f498 border color

This element has a border color of #45f498.

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

CSS codes

.text {color:#45f498;}

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

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

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

#011209
```
#011209 rgb(1,18,9)
```
#022412
```
#022412 rgb(2,36,18)
```
#03371c
```
#03371c rgb(3,55,28)
```
#044925
```
#044925 rgb(4,73,37)
```
#055c2e
```
#055c2e rgb(5,92,46)
```
#076e38
```
#076e38 rgb(7,110,56)
```
#088141
```
#088141 rgb(8,129,65)
```
#09934a
```
#09934a rgb(9,147,74)
```
#0aa654
```
#0aa654 rgb(10,166,84)
```
#0bb85d
```
#0bb85d rgb(11,184,93)
```
#0ccb67
```
#0ccb67 rgb(12,203,103)
```
#0ddd70
```
#0ddd70 rgb(13,221,112)
```
#0ef079
```
#0ef079 rgb(14,240,121)
```

Shade Color Variation

#20f283
```
#20f283 rgb(32,242,131)
```
#32f38e
```
#32f38e rgb(50,243,142)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#58f5a2
```
#58f5a2 rgb(88,245,162)
```
#6af6ad
```
#6af6ad rgb(106,246,173)
```
#7df7b7
```
#7df7b7 rgb(125,247,183)
```
#8ff8c1
```
#8ff8c1 rgb(143,248,193)
```
#a2f9cb
```
#a2f9cb rgb(162,249,203)
```
#b4fbd6
```
#b4fbd6 rgb(180,251,214)
```
#c7fce0
```
#c7fce0 rgb(199,252,224)
```
#d9fdea
```
#d9fdea rgb(217,253,234)
```
#ecfef4
```
#ecfef4 rgb(236,254,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#98a19c
```
#98a19c rgb(152,161,156)
```
#91a89c
```
#91a89c rgb(145,168,156)
```
#89b09c
```
#89b09c rgb(137,176,156)
```
#82b79b
```
#82b79b rgb(130,183,155)
```
#7abf9b
```
#7abf9b rgb(122,191,155)
```
#72c79a
```
#72c79a rgb(114,199,154)
```
#6bce9a
```
#6bce9a rgb(107,206,154)
```
#63d69a
```
#63d69a rgb(99,214,154)
```
#5cdd99
```
#5cdd99 rgb(92,221,153)
```
#54e599
```
#54e599 rgb(84,229,153)
```
#4dec98
```
#4dec98 rgb(77,236,152)
```
#45f498
```
#45f498 rgb(69,244,152)
```
#3dfc98
```
#3dfc98 rgb(61,252,152)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fc2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd992 Protanopia 1% of men
#fdd1a9 Deuteranopia 1% of men
#7ae9fa Tritanopia 0.001% of the population

Trichromacy

#aee394 Protanomaly 1% of men, 0.01% of women
#badda3 Deuteranomaly 6% of men, 0.4% of women
#67edd6 Tritanomaly 0.01% of the population

#45f498 hex color

#45f498 Color Information

#45f498 Color Conversion

Color Schemes with #45f498

Alternatives to #45f498

#45f498 Preview

Shades and Tints of #45f498

Tones of #45f498

Color Blindness Simulator