#45be9e hex color

In a RGB color space, hex #45be9e is composed of 27.1% red, 74.5% green and 62% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 0% magenta, 16.8% yellow and 25.5% black. It has a hue angle of 164.1 degrees, a saturation of 48.2% and a lightness of 50.8%. #45be9e color hex could be obtained by blending #8affff with #007d3d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 75
- B 62
RGB color chart
- C 64
- M 0
- Y 17
- K 25
CMYK color chart

● #45be9e color description : Moderate cyan - lime green.

The hexadecimal color #45be9e has RGB values of R:69, G:190, B:158 and CMYK values of C:0.64, M:0, Y:0.17, K:0.25. Its decimal value is 4570782.

Hex triplet	45be9e	`#45be9e`
RGB Decimal	69, 190, 158	`rgb(69,190,158)`
RGB Percent	27.1, 74.5, 62	`rgb(27.1%,74.5%,62%)`
CMYK	64, 0, 17, 25
HSL	164.1°, 48.2, 50.8	`hsl(164.1,48.2%,50.8%)`
HSV (or HSB)	164.1°, 63.7, 74.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.865, -41.275, 6.313
XYZ	27.037, 40.558, 38.75
xyY	0.254, 0.381, 40.558
CIE-LCH	69.865, 41.755, 171.305
CIE-LUV	69.865, -49.01, 15.702
Hunter-Lab	63.685, -35.669, 8.505
Binary	01000101, 10111110, 10011110

#45be9e
```
#45be9e rgb(69,190,158)
```
#be4565
```
#be4565 rgb(190,69,101)
```

Complementary Color

#45be62
```
#45be62 rgb(69,190,98)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#45a2be
```
#45a2be rgb(69,162,190)
```

Analogous Color

#be6245
```
#be6245 rgb(190,98,69)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#be45a2
```
#be45a2 rgb(190,69,162)
```

Split Complementary Color

#be9e45
```
#be9e45 rgb(190,158,69)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#9e45be
```
#9e45be rgb(158,69,190)
```

Triadic Color

#65be45
```
#65be45 rgb(101,190,69)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#9e45be
```
#9e45be rgb(158,69,190)
```
#be4565
```
#be4565 rgb(190,69,101)
```

Tetradic Color

#2f8770
```
#2f8770 rgb(47,135,112)
```
#369a80
```
#369a80 rgb(54,154,128)
```
#3cad8f
```
#3cad8f rgb(60,173,143)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#58c5a8
```
#58c5a8 rgb(88,197,168)
```
#6bcbb2
```
#6bcbb2 rgb(107,203,178)
```
#7ed2bc
```
#7ed2bc rgb(126,210,188)
```

Monochromatic Color

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

#45be80
```
#45be80 rgb(69,190,128)
```
#45be8a
```
#45be8a rgb(69,190,138)
```
#45be94
```
#45be94 rgb(69,190,148)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#45bea8
```
#45bea8 rgb(69,190,168)
```
#45beb2
```
#45beb2 rgb(69,190,178)
```
#45bebc
```
#45bebc rgb(69,190,188)
```

Similar Colors

Text with hexadecimal color #45be9e

This text has a font color of #45be9e.

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

#45be9e background color

This paragraph has a background color of #45be9e.

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

#45be9e border color

This element has a border color of #45be9e.

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

CSS codes

.text {color:#45be9e;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06110e
```
#06110e rgb(6,17,14)
```
#0b201b
```
#0b201b rgb(11,32,27)
```
#102f27
```
#102f27 rgb(16,47,39)
```
#153d33
```
#153d33 rgb(21,61,51)
```
#1a4c3f
```
#1a4c3f rgb(26,76,63)
```
#205a4b
```
#205a4b rgb(32,90,75)
```
#256957
```
#256957 rgb(37,105,87)
```
#2a7763
```
#2a7763 rgb(42,119,99)
```
#2f866f
```
#2f866f rgb(47,134,111)
```
#34947b
```
#34947b rgb(52,148,123)
```
#39a387
```
#39a387 rgb(57,163,135)
```
#3eb193
```
#3eb193 rgb(62,177,147)
```

Shade Color Variation

#45be9e
```
#45be9e rgb(69,190,158)
```
#54c3a6
```
#54c3a6 rgb(84,195,166)
```
#62c8ad
```
#62c8ad rgb(98,200,173)
```
#71cdb5
```
#71cdb5 rgb(113,205,181)
```
#7fd2bc
```
#7fd2bc rgb(127,210,188)
```
#8ed7c4
```
#8ed7c4 rgb(142,215,196)
```
#9cdccb
```
#9cdccb rgb(156,220,203)
```
#abe2d3
```
#abe2d3 rgb(171,226,211)
```
#b9e7db
```
#b9e7db rgb(185,231,219)
```
#c8ece2
```
#c8ece2 rgb(200,236,226)
```
#d6f1ea
```
#d6f1ea rgb(214,241,234)
```
#e5f6f1
```
#e5f6f1 rgb(229,246,241)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8483 is the less saturated color, while #0bf8b9 is the most saturated one.

#7f8483
```
#7f8483 rgb(127,132,131)
```
#758e87
```
#758e87 rgb(117,142,135)
```
#6c978c
```
#6c978c rgb(108,151,140)
```
#62a190
```
#62a190 rgb(98,161,144)
```
#58ab95
```
#58ab95 rgb(88,171,149)
```
#4fb499
```
#4fb499 rgb(79,180,153)
```
#45be9e
```
#45be9e rgb(69,190,158)
```
#3bc8a3
```
#3bc8a3 rgb(59,200,163)
```
#32d1a7
```
#32d1a7 rgb(50,209,167)
```
#28dbac
```
#28dbac rgb(40,219,172)
```
#1ee5b0
```
#1ee5b0 rgb(30,229,176)
```
#15eeb5
```
#15eeb5 rgb(21,238,181)
```
#0bf8b9
```
#0bf8b9 rgb(11,248,185)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae99 Protanopia 1% of men
#c0a9ab Deuteranopia 1% of men
#61bbc9 Tritanopia 0.001% of the population

Trichromacy

#8db49b Protanomaly 1% of men, 0.01% of women
#93b1a6 Deuteranomaly 6% of men, 0.4% of women
#57bcb9 Tritanomaly 0.01% of the population

#45be9e hex color

#45be9e Color Information

#45be9e Color Conversion

Color Schemes with #45be9e

Alternatives to #45be9e

#45be9e Preview

Shades and Tints of #45be9e

Tones of #45be9e

Color Blindness Simulator