#45e7b2 hex color

In a RGB color space, hex #45e7b2 is composed of 27.1% red, 90.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 22.9% yellow and 9.4% black. It has a hue angle of 160.4 degrees, a saturation of 77.1% and a lightness of 58.8%. #45e7b2 color hex could be obtained by blending #8affff with #00cf65. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 91
- B 70
RGB color chart
- C 70
- M 0
- Y 23
- K 9
CMYK color chart

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

The hexadecimal color #45e7b2 has RGB values of R:69, G:231, B:178 and CMYK values of C:0.7, M:0, Y:0.23, K:0.09. Its decimal value is 4581298.

Hex triplet	45e7b2	`#45e7b2`
RGB Decimal	69, 231, 178	`rgb(69,231,178)`
RGB Percent	27.1, 90.6, 69.8	`rgb(27.1%,90.6%,69.8%)`
CMYK	70, 0, 23, 9
HSL	160.4°, 77.1, 58.8	`hsl(160.4,77.1%,58.8%)`
HSV (or HSB)	160.4°, 70.1, 90.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.715, -53.751, 13.914
XYZ	39.063, 61.628, 51.954
xyY	0.256, 0.404, 61.628
CIE-LCH	82.715, 55.522, 165.487
CIE-LUV	82.715, -62.633, 29.225
Hunter-Lab	78.503, -48.56, 15.714
Binary	01000101, 11100111, 10110010

#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#e7457a
```
#e7457a rgb(231,69,122)
```

Complementary Color

#45e761
```
#45e761 rgb(69,231,97)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#45cbe7
```
#45cbe7 rgb(69,203,231)
```

Analogous Color

#e76145
```
#e76145 rgb(231,97,69)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#e745cb
```
#e745cb rgb(231,69,203)
```

Split Complementary Color

#e7b245
```
#e7b245 rgb(231,178,69)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#b245e7
```
#b245e7 rgb(178,69,231)
```

Triadic Color

#7ae745
```
#7ae745 rgb(122,231,69)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#b245e7
```
#b245e7 rgb(178,69,231)
```
#e7457a
```
#e7457a rgb(231,69,122)
```

Tetradic Color

#1ac68e
```
#1ac68e rgb(26,198,142)
```
#1cdd9e
```
#1cdd9e rgb(28,221,158)
```
#2ee4a9
```
#2ee4a9 rgb(46,228,169)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#5ceabb
```
#5ceabb rgb(92,234,187)
```
#72edc5
```
#72edc5 rgb(114,237,197)
```
#89f0ce
```
#89f0ce rgb(137,240,206)
```

Monochromatic Color

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

#45e78a
```
#45e78a rgb(69,231,138)
```
#45e797
```
#45e797 rgb(69,231,151)
```
#45e7a5
```
#45e7a5 rgb(69,231,165)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#45e7c0
```
#45e7c0 rgb(69,231,192)
```
#45e7cd
```
#45e7cd rgb(69,231,205)
```
#45e7db
```
#45e7db rgb(69,231,219)
```

Similar Colors

Text with hexadecimal color #45e7b2

This text has a font color of #45e7b2.

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

#45e7b2 background color

This paragraph has a background color of #45e7b2.

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

#45e7b2 border color

This element has a border color of #45e7b2.

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

CSS codes

.text {color:#45e7b2;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#031610
```
#031610 rgb(3,22,16)
```
#05281d
```
#05281d rgb(5,40,29)
```
#073929
```
#073929 rgb(7,57,41)
```
#0a4b35
```
#0a4b35 rgb(10,75,53)
```
#0c5c42
```
#0c5c42 rgb(12,92,66)
```
#0e6d4e
```
#0e6d4e rgb(14,109,78)
```
#107f5b
```
#107f5b rgb(16,127,91)
```
#139067
```
#139067 rgb(19,144,103)
```
#15a173
```
#15a173 rgb(21,161,115)
```
#17b380
```
#17b380 rgb(23,179,128)
```
#19c48c
```
#19c48c rgb(25,196,140)
```
#1cd699
```
#1cd699 rgb(28,214,153)
```

Shade Color Variation

#22e3a4
```
#22e3a4 rgb(34,227,164)
```
#34e5ab
```
#34e5ab rgb(52,229,171)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#56e9b9
```
#56e9b9 rgb(86,233,185)
```
#68ebc0
```
#68ebc0 rgb(104,235,192)
```
#79eec8
```
#79eec8 rgb(121,238,200)
```
#8af0cf
```
#8af0cf rgb(138,240,207)
```
#9cf2d6
```
#9cf2d6 rgb(156,242,214)
```
#adf4dd
```
#adf4dd rgb(173,244,221)
```
#bff7e4
```
#bff7e4 rgb(191,247,228)
```
#d0f9ec
```
#d0f9ec rgb(208,249,236)
```
#e1fbf3
```
#e1fbf3 rgb(225,251,243)
```
#f3fdfa
```
#f3fdfa rgb(243,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969696 is the less saturated color, while #35f7b8 is the most saturated one.

#969696
```
#969696 rgb(150,150,150)
```
#8e9e99
```
#8e9e99 rgb(142,158,153)
```
#86a69c
```
#86a69c rgb(134,166,156)
```
#7eae9e
```
#7eae9e rgb(126,174,158)
```
#75b7a1
```
#75b7a1 rgb(117,183,161)
```
#6dbfa4
```
#6dbfa4 rgb(109,191,164)
```
#65c7a7
```
#65c7a7 rgb(101,199,167)
```
#5dcfaa
```
#5dcfaa rgb(93,207,170)
```
#55d7ac
```
#55d7ac rgb(85,215,172)
```
#4ddfaf
```
#4ddfaf rgb(77,223,175)
```
#45e7b2
```
#45e7b2 rgb(69,231,178)
```
#3defb5
```
#3defb5 rgb(61,239,181)
```
#35f7b8
```
#35f7b8 rgb(53,247,184)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9bbcb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccfaa Protanopia 1% of men
#e9c9c0 Deuteranopia 1% of men
#6ee0f0 Tritanopia 0.001% of the population

Trichromacy

#a5d8ad Protanomaly 1% of men, 0.01% of women
#add4bb Deuteranomaly 6% of men, 0.4% of women
#5fe2d9 Tritanomaly 0.01% of the population

#45e7b2 hex color

#45e7b2 Color Information

#45e7b2 Color Conversion

Color Schemes with #45e7b2

Alternatives to #45e7b2

#45e7b2 Preview

Shades and Tints of #45e7b2

Tones of #45e7b2

Color Blindness Simulator