#45f3be hex color

In a RGB color space, hex #45f3be is composed of 27.1% red, 95.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 0% magenta, 21.8% yellow and 4.7% black. It has a hue angle of 161.7 degrees, a saturation of 87.9% and a lightness of 61.2%. #45f3be color hex could be obtained by blending #8affff with #00e77d. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 27
- G 95
- B 75
RGB color chart
- C 72
- M 0
- Y 22
- K 5
CMYK color chart

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

The hexadecimal color #45f3be has RGB values of R:69, G:243, B:190 and CMYK values of C:0.72, M:0, Y:0.22, K:0.05. Its decimal value is 4584382.

Hex triplet	45f3be	`#45f3be`
RGB Decimal	69, 243, 190	`rgb(69,243,190)`
RGB Percent	27.1, 95.3, 74.5	`rgb(27.1%,95.3%,74.5%)`
CMYK	72, 0, 22, 5
HSL	161.7°, 87.9, 61.2	`hsl(161.7,87.9%,61.2%)`
HSV (or HSB)	161.7°, 71.6, 95.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.544, -55.809, 13.07
XYZ	43.796, 69.08, 59.738
xyY	0.254, 0.4, 69.08
CIE-LCH	86.544, 57.319, 166.819
CIE-LUV	86.544, -66.063, 28.579
Hunter-Lab	83.114, -51.393, 15.566
Binary	01000101, 11110011, 10111110

#45f3be
```
#45f3be rgb(69,243,190)
```
#f3457a
```
#f3457a rgb(243,69,122)
```

Complementary Color

#45f367
```
#45f367 rgb(69,243,103)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#45d1f3
```
#45d1f3 rgb(69,209,243)
```

Analogous Color

#f36745
```
#f36745 rgb(243,103,69)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#f345d1
```
#f345d1 rgb(243,69,209)
```

Split Complementary Color

#f3be45
```
#f3be45 rgb(243,190,69)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#be45f3
```
#be45f3 rgb(190,69,243)
```

Triadic Color

#7af345
```
#7af345 rgb(122,243,69)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#be45f3
```
#be45f3 rgb(190,69,243)
```
#f3457a
```
#f3457a rgb(243,69,122)
```

Tetradic Color

#0edd9e
```
#0edd9e rgb(14,221,158)
```
#15f0ad
```
#15f0ad rgb(21,240,173)
```
#2df1b6
```
#2df1b6 rgb(45,241,182)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#5df5c6
```
#5df5c6 rgb(93,245,198)
```
#75f6cf
```
#75f6cf rgb(117,246,207)
```
#8df8d7
```
#8df8d7 rgb(141,248,215)
```

Monochromatic Color

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

#45f393
```
#45f393 rgb(69,243,147)
```
#45f3a1
```
#45f3a1 rgb(69,243,161)
```
#45f3b0
```
#45f3b0 rgb(69,243,176)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#45f3cd
```
#45f3cd rgb(69,243,205)
```
#45f3db
```
#45f3db rgb(69,243,219)
```
#45f3ea
```
#45f3ea rgb(69,243,234)
```

Similar Colors

Text with hexadecimal color #45f3be

This text has a font color of #45f3be.

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

#45f3be background color

This paragraph has a background color of #45f3be.

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

#45f3be border color

This element has a border color of #45f3be.

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

CSS codes

.text {color:#45f3be;}

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

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

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, #01110c is the darkest color, while #fdfffe is the lightest one.

#01110c
```
#01110c rgb(1,17,12)
```
#022319
```
#022319 rgb(2,35,25)
```
#033626
```
#033626 rgb(3,54,38)
```
#054833
```
#054833 rgb(5,72,51)
```
#065a41
```
#065a41 rgb(6,90,65)
```
#076d4e
```
#076d4e rgb(7,109,78)
```
#087f5b
```
#087f5b rgb(8,127,91)
```
#099268
```
#099268 rgb(9,146,104)
```
#0ba475
```
#0ba475 rgb(11,164,117)
```
#0cb783
```
#0cb783 rgb(12,183,131)
```
#0dc990
```
#0dc990 rgb(13,201,144)
```
#0edb9d
```
#0edb9d rgb(14,219,157)
```
#0feeaa
```
#0feeaa rgb(15,238,170)
```

Shade Color Variation

#20f1b1
```
#20f1b1 rgb(32,241,177)
```
#33f2b8
```
#33f2b8 rgb(51,242,184)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#57f4c4
```
#57f4c4 rgb(87,244,196)
```
#6af5cb
```
#6af5cb rgb(106,245,203)
```
#7cf7d1
```
#7cf7d1 rgb(124,247,209)
```
#8ff8d8
```
#8ff8d8 rgb(143,248,216)
```
#a1f9de
```
#a1f9de rgb(161,249,222)
```
#b4fae5
```
#b4fae5 rgb(180,250,229)
```
#c6fbeb
```
#c6fbeb rgb(198,251,235)
```
#d8fdf2
```
#d8fdf2 rgb(216,253,242)
```
#ebfef8
```
#ebfef8 rgb(235,254,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#999f9d
```
#999f9d rgb(153,159,157)
```
#91a7a0
```
#91a7a0 rgb(145,167,160)
```
#8aaea3
```
#8aaea3 rgb(138,174,163)
```
#82b6a6
```
#82b6a6 rgb(130,182,166)
```
#7abea9
```
#7abea9 rgb(122,190,169)
```
#73c5ac
```
#73c5ac rgb(115,197,172)
```
#6bcdaf
```
#6bcdaf rgb(107,205,175)
```
#63d5b2
```
#63d5b2 rgb(99,213,178)
```
#5cdcb5
```
#5cdcb5 rgb(92,220,181)
```
#54e4b8
```
#54e4b8 rgb(84,228,184)
```
#4debbb
```
#4debbb rgb(77,235,187)
```
#45f3be
```
#45f3be rgb(69,243,190)
```
#3dfbc1
```
#3dfbc1 rgb(61,251,193)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a2c5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6dab5 Protanopia 1% of men
#f4d3cc Deuteranopia 1% of men
#70ebfc Tritanopia 0.001% of the population

Trichromacy

#abe3b8 Protanomaly 1% of men, 0.01% of women
#b4dec7 Deuteranomaly 6% of men, 0.4% of women
#60eee5 Tritanomaly 0.01% of the population

#45f3be hex color

#45f3be Color Information

#45f3be Color Conversion

Color Schemes with #45f3be

Alternatives to #45f3be

#45f3be Preview

Shades and Tints of #45f3be

Tones of #45f3be

Color Blindness Simulator