#45f3bf hex color

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

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

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

The hexadecimal color #45f3bf has RGB values of R:69, G:243, B:191 and CMYK values of C:0.72, M:0, Y:0.21, K:0.05. Its decimal value is 4584383.

Hex triplet	45f3bf	`#45f3bf`
RGB Decimal	69, 243, 191	`rgb(69,243,191)`
RGB Percent	27.1, 95.3, 74.9	`rgb(27.1%,95.3%,74.9%)`
CMYK	72, 0, 21, 5
HSL	162.1°, 87.9, 61.2	`hsl(162.1,87.9%,61.2%)`
HSV (or HSB)	162.1°, 71.6, 95.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.565, -55.58, 12.581
XYZ	43.905, 69.124, 60.316
xyY	0.253, 0.399, 69.124
CIE-LCH	86.565, 56.986, 167.245
CIE-LUV	86.565, -65.998, 27.837
Hunter-Lab	83.141, -51.233, 15.186
Binary	01000101, 11110011, 10111111

#45f3bf
```
#45f3bf rgb(69,243,191)
```
#f34579
```
#f34579 rgb(243,69,121)
```

Complementary Color

#45f368
```
#45f368 rgb(69,243,104)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#45d0f3
```
#45d0f3 rgb(69,208,243)
```

Analogous Color

#f36845
```
#f36845 rgb(243,104,69)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#f345d0
```
#f345d0 rgb(243,69,208)
```

Split Complementary Color

#f3bf45
```
#f3bf45 rgb(243,191,69)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```

Triadic Color

#79f345
```
#79f345 rgb(121,243,69)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#bf45f3
```
#bf45f3 rgb(191,69,243)
```
#f34579
```
#f34579 rgb(243,69,121)
```

Tetradic Color

#0edd9f
```
#0edd9f rgb(14,221,159)
```
#15f0af
```
#15f0af rgb(21,240,175)
```
#2df1b7
```
#2df1b7 rgb(45,241,183)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#5df5c7
```
#5df5c7 rgb(93,245,199)
```
#75f6cf
```
#75f6cf rgb(117,246,207)
```
#8df8d8
```
#8df8d8 rgb(141,248,216)
```

Monochromatic Color

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

#45f394
```
#45f394 rgb(69,243,148)
```
#45f3a2
```
#45f3a2 rgb(69,243,162)
```
#45f3b1
```
#45f3b1 rgb(69,243,177)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#45f3ce
```
#45f3ce rgb(69,243,206)
```
#45f3dc
```
#45f3dc rgb(69,243,220)
```
#45f3eb
```
#45f3eb rgb(69,243,235)
```

Similar Colors

Text with hexadecimal color #45f3bf

This text has a font color of #45f3bf.

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

#45f3bf background color

This paragraph has a background color of #45f3bf.

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

#45f3bf border color

This element has a border color of #45f3bf.

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

CSS codes

.text {color:#45f3bf;}

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

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

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)
```
#033627
```
#033627 rgb(3,54,39)
```
#054834
```
#054834 rgb(5,72,52)
```
#065a41
```
#065a41 rgb(6,90,65)
```
#076d4e
```
#076d4e rgb(7,109,78)
```
#087f5c
```
#087f5c rgb(8,127,92)
```
#099269
```
#099269 rgb(9,146,105)
```
#0ba476
```
#0ba476 rgb(11,164,118)
```
#0cb784
```
#0cb784 rgb(12,183,132)
```
#0dc991
```
#0dc991 rgb(13,201,145)
```
#0edb9e
```
#0edb9e rgb(14,219,158)
```
#0feeab
```
#0feeab rgb(15,238,171)
```

Shade Color Variation

#20f1b2
```
#20f1b2 rgb(32,241,178)
```
#33f2b9
```
#33f2b9 rgb(51,242,185)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#57f4c5
```
#57f4c5 rgb(87,244,197)
```
#6af5cc
```
#6af5cc rgb(106,245,204)
```
#7cf7d2
```
#7cf7d2 rgb(124,247,210)
```
#8ff8d8
```
#8ff8d8 rgb(143,248,216)
```
#a1f9df
```
#a1f9df rgb(161,249,223)
```
#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 #3dfbc2 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)
```
#7abeaa
```
#7abeaa rgb(122,190,170)
```
#73c5ad
```
#73c5ad rgb(115,197,173)
```
#6bcdb0
```
#6bcdb0 rgb(107,205,176)
```
#63d5b3
```
#63d5b3 rgb(99,213,179)
```
#5cdcb6
```
#5cdcb6 rgb(92,220,182)
```
#54e4b9
```
#54e4b9 rgb(84,228,185)
```
#4debbc
```
#4debbc rgb(77,235,188)
```
#45f3bf
```
#45f3bf rgb(69,243,191)
```
#3dfbc2
```
#3dfbc2 rgb(61,251,194)
```

Tone Color Variation

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

#e6dab6 Protanopia 1% of men
#f3d3cd Deuteranopia 1% of men
#70ebfc Tritanopia 0.001% of the population

Trichromacy

#abe3b9 Protanomaly 1% of men, 0.01% of women
#b4dfc8 Deuteranomaly 6% of men, 0.4% of women
#60eee6 Tritanomaly 0.01% of the population

#45f3bf hex color

#45f3bf Color Information

#45f3bf Color Conversion

Color Schemes with #45f3bf

Alternatives to #45f3bf

#45f3bf Preview

Shades and Tints of #45f3bf

Tones of #45f3bf

Color Blindness Simulator