#45edf6 hex color

In a RGB color space, hex #45edf6 is composed of 27.1% red, 92.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 3.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 183.1 degrees, a saturation of 90.8% and a lightness of 61.8%. #45edf6 color hex could be obtained by blending #8affff with #00dbed. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 27
- G 93
- B 96
RGB color chart
- C 72
- M 4
- Y 0
- K 4
CMYK color chart

● #45edf6 color description : Bright cyan.

The hexadecimal color #45edf6 has RGB values of R:69, G:237, B:246 and CMYK values of C:0.72, M:0.04, Y:0, K:0.04. Its decimal value is 4582902.

Hex triplet	45edf6	`#45edf6`
RGB Decimal	69, 237, 246	`rgb(69,237,246)`
RGB Percent	27.1, 92.9, 96.5	`rgb(27.1%,92.9%,96.5%)`
CMYK	72, 4, 0, 4
HSL	183.1°, 90.8, 61.8	`hsl(183.1,90.8%,61.8%)`
HSV (or HSB)	183.1°, 72, 96.5
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.247, -38.802, -16.682
XYZ	49.368, 68.483, 97.8
xyY	0.229, 0.318, 68.483
CIE-LCH	86.247, 42.236, 203.264
CIE-LUV	86.247, -60.21, -20.69
Hunter-Lab	82.754, -38.334, -12.142
Binary	01000101, 11101101, 11110110

#45edf6
```
#45edf6 rgb(69,237,246)
```
#f64e45
```
#f64e45 rgb(246,78,69)
```

Complementary Color

#45f6a7
```
#45f6a7 rgb(69,246,167)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#4595f6
```
#4595f6 rgb(69,149,246)
```

Analogous Color

#f6a745
```
#f6a745 rgb(246,167,69)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#f64595
```
#f64595 rgb(246,69,149)
```

Split Complementary Color

#edf645
```
#edf645 rgb(237,246,69)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#f645ed
```
#f645ed rgb(246,69,237)
```

Triadic Color

#45f64e
```
#45f64e rgb(69,246,78)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#f645ed
```
#f645ed rgb(246,69,237)
```
#f64e45
```
#f64e45 rgb(246,78,69)
```

Tetradic Color

#0bd8e3
```
#0bd8e3 rgb(11,216,227)
```
#14e8f4
```
#14e8f4 rgb(20,232,244)
```
#2debf5
```
#2debf5 rgb(45,235,245)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#5deff7
```
#5deff7 rgb(93,239,247)
```
#76f2f8
```
#76f2f8 rgb(118,242,248)
```
#8ef4fa
```
#8ef4fa rgb(142,244,250)
```

Monochromatic Color

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

#45f6d3
```
#45f6d3 rgb(69,246,211)
```
#45f6e2
```
#45f6e2 rgb(69,246,226)
```
#45f6f0
```
#45f6f0 rgb(69,246,240)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#45def6
```
#45def6 rgb(69,222,246)
```
#45d0f6
```
#45d0f6 rgb(69,208,246)
```
#45c1f6
```
#45c1f6 rgb(69,193,246)
```

Similar Colors

Text with hexadecimal color #45edf6

This text has a font color of #45edf6.

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

#45edf6 background color

This paragraph has a background color of #45edf6.

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

#45edf6 border color

This element has a border color of #45edf6.

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

CSS codes

.text {color:#45edf6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011314
```
#011314 rgb(1,19,20)
```
#022527
```
#022527 rgb(2,37,39)
```
#033639
```
#033639 rgb(3,54,57)
```
#04484c
```
#04484c rgb(4,72,76)
```
#055a5f
```
#055a5f rgb(5,90,95)
```
#056c71
```
#056c71 rgb(5,108,113)
```
#067e84
```
#067e84 rgb(6,126,132)
```
#078f97
```
#078f97 rgb(7,143,151)
```
#08a1a9
```
#08a1a9 rgb(8,161,169)
```
#09b3bc
```
#09b3bc rgb(9,179,188)
```
#0ac5cf
```
#0ac5cf rgb(10,197,207)
```
#0bd7e2
```
#0bd7e2 rgb(11,215,226)
```

Shade Color Variation

#0de8f3
```
#0de8f3 rgb(13,232,243)
```
#20e9f4
```
#20e9f4 rgb(32,233,244)
```
#32ebf5
```
#32ebf5 rgb(50,235,245)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#58eff7
```
#58eff7 rgb(88,239,247)
```
#6af1f8
```
#6af1f8 rgb(106,241,248)
```
#7df2f9
```
#7df2f9 rgb(125,242,249)
```
#90f4fa
```
#90f4fa rgb(144,244,250)
```
#a3f6fb
```
#a3f6fb rgb(163,246,251)
```
#b5f8fb
```
#b5f8fb rgb(181,248,251)
```
#c8fafc
```
#c8fafc rgb(200,250,252)
```
#dbfbfd
```
#dbfbfd rgb(219,251,253)
```
#edfdfe
```
#edfdfe rgb(237,253,254)
```

Tint Color Variation

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

#98a3a4
```
#98a3a4 rgb(152,163,164)
```
#90aaab
```
#90aaab rgb(144,170,171)
```
#89b0b3
```
#89b0b3 rgb(137,176,179)
```
#81b7ba
```
#81b7ba rgb(129,183,186)
```
#7abec2
```
#7abec2 rgb(122,190,194)
```
#72c5c9
```
#72c5c9 rgb(114,197,201)
```
#6bcbd1
```
#6bcbd1 rgb(107,203,209)
```
#63d2d8
```
#63d2d8 rgb(99,210,216)
```
#5cd9e0
```
#5cd9e0 rgb(92,217,224)
```
#54e0e7
```
#54e0e7 rgb(84,224,231)
```
#4de6ef
```
#4de6ef rgb(77,230,239)
```
#45edf6
```
#45edf6 rgb(69,237,246)
```
#3ef4fe
```
#3ef4fe rgb(62,244,254)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a4c6c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d8ea Protanopia 1% of men
#dad5ff Deuteranopia 1% of men
#55ecfe Tritanopia 0.001% of the population

Trichromacy

#a2dfee Protanomaly 1% of men, 0.01% of women
#a4ddfb Deuteranomaly 6% of men, 0.4% of women
#4fecfb Tritanomaly 0.01% of the population

#45edf6 hex color

#45edf6 Color Information

#45edf6 Color Conversion

Color Schemes with #45edf6

Alternatives to #45edf6

#45edf6 Preview

Shades and Tints of #45edf6

Tones of #45edf6

Color Blindness Simulator