colorhexa.com

#45f874 hex color

In a RGB color space, hex #45f874 is composed of 27.1% red, 97.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 0% magenta, 53.2% yellow and 2.7% black. It has a hue angle of 135.8 degrees, a saturation of 92.7% and a lightness of 62.2%. #45f874 color hex could be obtained by blending #8affe8 with #00f100. Closest websafe color is: #33ff66.

- R 27
- G 97
- B 45
RGB color chart
- C 72
- M 0
- Y 53
- K 3
CMYK color chart

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

The hexadecimal color #45f874 has RGB values of R:69, G:248, B:116 and CMYK values of C:0.72, M:0, Y:0.53, K:0.03. Its decimal value is 4585588.

Hex triplet	45f874	`#45f874`
RGB Decimal	69, 248, 116	`rgb(69,248,116)`
RGB Percent	27.1, 97.3, 45.5	`rgb(27.1%,97.3%,45.5%)`
CMYK	72, 0, 53, 3
HSL	135.8°, 92.7, 62.2	`hsl(135.8,92.7%,62.2%)`
HSV (or HSB)	135.8°, 72.2, 97.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.828, -71.136, 50.255
XYZ	39.172, 69.657, 27.903
xyY	0.286, 0.509, 69.657
CIE-LCH	86.828, 87.097, 144.76
CIE-LUV	86.828, -71.858, 77.35
Hunter-Lab	83.461, -62.279, 38.601
Binary	01000101, 11111000, 01110100

#45f874
```
#45f874 rgb(69,248,116)
```
#f845c9
```
#f845c9 rgb(248,69,201)
```

Complementary Color

#70f845
```
#70f845 rgb(112,248,69)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#45f8ce
```
#45f8ce rgb(69,248,206)
```

Analogous Color

#f84570
```
#f84570 rgb(248,69,112)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#ce45f8
```
#ce45f8 rgb(206,69,248)
```

Split Complementary Color

#f87445
```
#f87445 rgb(248,116,69)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#7445f8
```
#7445f8 rgb(116,69,248)
```

Triadic Color

#c9f845
```
#c9f845 rgb(201,248,69)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#7445f8
```
#7445f8 rgb(116,69,248)
```
#f845c9
```
#f845c9 rgb(248,69,201)
```

Tetradic Color

#09e843
```
#09e843 rgb(9,232,67)
```
#14f64f
```
#14f64f rgb(20,246,79)
```
#2cf762
```
#2cf762 rgb(44,247,98)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#5ef986
```
#5ef986 rgb(94,249,134)
```
#76fa99
```
#76fa99 rgb(118,250,153)
```
#8ffbab
```
#8ffbab rgb(143,251,171)
```

Monochromatic Color

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

#45f847
```
#45f847 rgb(69,248,71)
```
#45f856
```
#45f856 rgb(69,248,86)
```
#45f865
```
#45f865 rgb(69,248,101)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#45f883
```
#45f883 rgb(69,248,131)
```
#45f892
```
#45f892 rgb(69,248,146)
```
#45f8a1
```
#45f8a1 rgb(69,248,161)
```

Similar Colors

Text with hexadecimal color #45f874

This text has a font color of #45f874.

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

#45f874 background color

This paragraph has a background color of #45f874.

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

#45f874 border color

This element has a border color of #45f874.

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

CSS codes

.text {color:#45f874;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#011606
```
#011606 rgb(1,22,6)
```
#02290c
```
#02290c rgb(2,41,12)
```
#023c11
```
#023c11 rgb(2,60,17)
```
#034f17
```
#034f17 rgb(3,79,23)
```
#04621c
```
#04621c rgb(4,98,28)
```
#047422
```
#047422 rgb(4,116,34)
```
#058727
```
#058727 rgb(5,135,39)
```
#069a2d
```
#069a2d rgb(6,154,45)
```
#07ad32
```
#07ad32 rgb(7,173,50)
```
#07c038
```
#07c038 rgb(7,192,56)
```
#08d33d
```
#08d33d rgb(8,211,61)
```
#09e643
```
#09e643 rgb(9,230,67)
```

Shade Color Variation

#0cf64a
```
#0cf64a rgb(12,246,74)
```
#1ff758
```
#1ff758 rgb(31,247,88)
```
#32f766
```
#32f766 rgb(50,247,102)
```
#45f874
```
#45f874 rgb(69,248,116)
```
#58f982
```
#58f982 rgb(88,249,130)
```
#6bf990
```
#6bf990 rgb(107,249,144)
```
#7efa9e
```
#7efa9e rgb(126,250,158)
```
#91fbad
```
#91fbad rgb(145,251,173)
```
#a4fcbb
```
#a4fcbb rgb(164,252,187)
```
#b6fcc9
```
#b6fcc9 rgb(182,252,201)
```
#c9fdd7
```
#c9fdd7 rgb(201,253,215)
```
#dcfee5
```
#dcfee5 rgb(220,254,229)
```
#effef3
```
#effef3 rgb(239,254,243)
```

Tint Color Variation

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

#9e9f9e
```
#9e9f9e rgb(158,159,158)
```
#97a69b
```
#97a69b rgb(151,166,155)
```
#8fae97
```
#8fae97 rgb(143,174,151)
```
#88b594
```
#88b594 rgb(136,181,148)
```
#80bd90
```
#80bd90 rgb(128,189,144)
```
#79c48d
```
#79c48d rgb(121,196,141)
```
#72cb89
```
#72cb89 rgb(114,203,137)
```
#6ad386
```
#6ad386 rgb(106,211,134)
```
#63da82
```
#63da82 rgb(99,218,130)
```
#5be27f
```
#5be27f rgb(91,226,127)
```
#54e97b
```
#54e97b rgb(84,233,123)
```
#4cf178
```
#4cf178 rgb(76,241,120)
```
#45f874
```
#45f874 rgb(69,248,116)
```

Tone Color Variation

Below, you can see how #45f874 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
#9dc1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db71 Protanopia 1% of men
#ffd4a0 Deuteranopia 1% of men
#82eafb Tritanopia 0.001% of the population

Trichromacy

#b2e572 Protanomaly 1% of men, 0.01% of women
#bbe190 Deuteranomaly 6% of men, 0.4% of women
#6befca Tritanomaly 0.01% of the population