#45dfc2 hex color

In a RGB color space, hex #45dfc2 is composed of 27.1% red, 87.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 0% magenta, 13% yellow and 12.5% black. It has a hue angle of 168.7 degrees, a saturation of 70.6% and a lightness of 57.3%. #45dfc2 color hex could be obtained by blending #8affff with #00bf85. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 87
- B 76
RGB color chart
- C 69
- M 0
- Y 13
- K 13
CMYK color chart

● #45dfc2 color description : Soft cyan.

The hexadecimal color #45dfc2 has RGB values of R:69, G:223, B:194 and CMYK values of C:0.69, M:0, Y:0.13, K:0.13. Its decimal value is 4579266.

Hex triplet	45dfc2	`#45dfc2`
RGB Decimal	69, 223, 194	`rgb(69,223,194)`
RGB Percent	27.1, 87.5, 76.1	`rgb(27.1%,87.5%,76.1%)`
CMYK	69, 0, 13, 13
HSL	168.7°, 70.6, 57.3	`hsl(168.7,70.6%,57.3%)`
HSV (or HSB)	168.7°, 69.1, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.701, -46.62, 2.589
XYZ	38.576, 57.932, 60.185
xyY	0.246, 0.37, 57.932
CIE-LCH	80.701, 46.692, 176.821
CIE-LUV	80.701, -58.782, 11.364
Hunter-Lab	76.113, -42.729, 6.397
Binary	01000101, 11011111, 11000010

#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#df4562
```
#df4562 rgb(223,69,98)
```

Complementary Color

#45df75
```
#45df75 rgb(69,223,117)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#45afdf
```
#45afdf rgb(69,175,223)
```

Analogous Color

#df7545
```
#df7545 rgb(223,117,69)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#df45af
```
#df45af rgb(223,69,175)
```

Split Complementary Color

#dfc245
```
#dfc245 rgb(223,194,69)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#c245df
```
#c245df rgb(194,69,223)
```

Triadic Color

#62df45
```
#62df45 rgb(98,223,69)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#c245df
```
#c245df rgb(194,69,223)
```
#df4562
```
#df4562 rgb(223,69,98)
```

Tetradic Color

#20b89b
```
#20b89b rgb(32,184,155)
```
#23ceae
```
#23ceae rgb(35,206,174)
```
#2fdbbb
```
#2fdbbb rgb(47,219,187)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#5be3c9
```
#5be3c9 rgb(91,227,201)
```
#71e6d0
```
#71e6d0 rgb(113,230,208)
```
#86ead7
```
#86ead7 rgb(134,234,215)
```

Monochromatic Color

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

#45df9c
```
#45df9c rgb(69,223,156)
```
#45dfa8
```
#45dfa8 rgb(69,223,168)
```
#45dfb5
```
#45dfb5 rgb(69,223,181)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#45dfcf
```
#45dfcf rgb(69,223,207)
```
#45dfdc
```
#45dfdc rgb(69,223,220)
```
#45d6df
```
#45d6df rgb(69,214,223)
```

Similar Colors

Text with hexadecimal color #45dfc2

This text has a font color of #45dfc2.

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

#45dfc2 background color

This paragraph has a background color of #45dfc2.

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

#45dfc2 border color

This element has a border color of #45dfc2.

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

CSS codes

.text {color:#45dfc2;}

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

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

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

#030f0d
```
#030f0d rgb(3,15,13)
```
#05201b
```
#05201b rgb(5,32,27)
```
#083029
```
#083029 rgb(8,48,41)
```
#0b4137
```
#0b4137 rgb(11,65,55)
```
#0e5245
```
#0e5245 rgb(14,82,69)
```
#116353
```
#116353 rgb(17,99,83)
```
#147361
```
#147361 rgb(20,115,97)
```
#17846f
```
#17846f rgb(23,132,111)
```
#1a957e
```
#1a957e rgb(26,149,126)
```
#1ca58c
```
#1ca58c rgb(28,165,140)
```
#1fb69a
```
#1fb69a rgb(31,182,154)
```
#22c7a8
```
#22c7a8 rgb(34,199,168)
```
#25d8b6
```
#25d8b6 rgb(37,216,182)
```

Shade Color Variation

#34dcbd
```
#34dcbd rgb(52,220,189)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#56e2c7
```
#56e2c7 rgb(86,226,199)
```
#66e5cd
```
#66e5cd rgb(102,229,205)
```
#77e8d2
```
#77e8d2 rgb(119,232,210)
```
#88ebd8
```
#88ebd8 rgb(136,235,216)
```
#99eddd
```
#99eddd rgb(153,237,221)
```
#a9f0e3
```
#a9f0e3 rgb(169,240,227)
```
#baf3e8
```
#baf3e8 rgb(186,243,232)
```
#cbf6ee
```
#cbf6ee rgb(203,246,238)
```
#dcf9f3
```
#dcf9f3 rgb(220,249,243)
```
#ecfcf9
```
#ecfcf9 rgb(236,252,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#909493
```
#909493 rgb(144,148,147)
```
#889c98
```
#889c98 rgb(136,156,152)
```
#80a49d
```
#80a49d rgb(128,164,157)
```
#77ada3
```
#77ada3 rgb(119,173,163)
```
#6fb5a8
```
#6fb5a8 rgb(111,181,168)
```
#67bdad
```
#67bdad rgb(103,189,173)
```
#5ec6b2
```
#5ec6b2 rgb(94,198,178)
```
#56ceb8
```
#56ceb8 rgb(86,206,184)
```
#4dd7bd
```
#4dd7bd rgb(77,215,189)
```
#45dfc2
```
#45dfc2 rgb(69,223,194)
```
#3de7c7
```
#3de7c7 rgb(61,231,199)
```
#34f0cc
```
#34f0cc rgb(52,240,204)
```
#2cf8d2
```
#2cf8d2 rgb(44,248,210)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#99b8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2caba Protanopia 1% of men
#dcc5ce Deuteranopia 1% of men
#65dbeb Tritanopia 0.001% of the population

Trichromacy

#9fd1bc Protanomaly 1% of men, 0.01% of women
#a5ceca Deuteranomaly 6% of men, 0.4% of women
#59dcdc Tritanomaly 0.01% of the population

#45dfc2 hex color

#45dfc2 Color Information

#45dfc2 Color Conversion

Color Schemes with #45dfc2

Alternatives to #45dfc2

#45dfc2 Preview

Shades and Tints of #45dfc2

Tones of #45dfc2

Color Blindness Simulator