#45feff hex color

In a RGB color space, hex #45feff is composed of 27.1% red, 99.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 0.4% magenta, 0% yellow and 0% black. It has a hue angle of 180.3 degrees, a saturation of 100% and a lightness of 63.5%. #45feff color hex could be obtained by blending #8affff with #00fdff. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 27
- G 100
- B 100
RGB color chart
- C 73
- M 0
- Y 0
- K 0
CMYK color chart

● #45feff color description : Light cyan.

The hexadecimal color #45feff has RGB values of R:69, G:254, B:255 and CMYK values of C:0.73, M:0, Y:0, K:0. Its decimal value is 4587263.

Hex triplet	45feff	`#45feff`
RGB Decimal	69, 254, 255	`rgb(69,254,255)`
RGB Percent	27.1, 99.6, 100	`rgb(27.1%,99.6%,100%)`
CMYK	73, 0, 0, 0
HSL	180.3°, 100, 63.5	`hsl(180.3,100%,63.5%)`
HSV (or HSB)	180.3°, 72.9, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	91.399, -43.907, -13.654
XYZ	55.941, 79.364, 106.973
xyY	0.231, 0.328, 79.364
CIE-LCH	91.399, 45.981, 197.274
CIE-LUV	91.399, -65.435, -14.978
Hunter-Lab	89.086, -43.814, -8.834
Binary	01000101, 11111110, 11111111

#45feff
```
#45feff rgb(69,254,255)
```
#ff4645
```
#ff4645 rgb(255,70,69)
```

Complementary Color

#45ffa3
```
#45ffa3 rgb(69,255,163)
```
#45feff
```
#45feff rgb(69,254,255)
```
#45a1ff
```
#45a1ff rgb(69,161,255)
```

Analogous Color

#ffa345
```
#ffa345 rgb(255,163,69)
```
#45feff
```
#45feff rgb(69,254,255)
```
#ff45a1
```
#ff45a1 rgb(255,69,161)
```

Split Complementary Color

#feff45
```
#feff45 rgb(254,255,69)
```
#45feff
```
#45feff rgb(69,254,255)
```
#ff45fe
```
#ff45fe rgb(255,69,254)
```

Triadic Color

#45ff46
```
#45ff46 rgb(69,255,70)
```
#45feff
```
#45feff rgb(69,254,255)
```
#ff45fe
```
#ff45fe rgb(255,69,254)
```
#ff4645
```
#ff4645 rgb(255,70,69)
```

Tetradic Color

#00f6f8
```
#00f6f8 rgb(0,246,248)
```
#12feff
```
#12feff rgb(18,254,255)
```
#2cfeff
```
#2cfeff rgb(44,254,255)
```
#45feff
```
#45feff rgb(69,254,255)
```
#5ffeff
```
#5ffeff rgb(95,254,255)
```
#78feff
```
#78feff rgb(120,254,255)
```
#92feff
```
#92feff rgb(146,254,255)
```

Monochromatic Color

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

#45ffd2
```
#45ffd2 rgb(69,255,210)
```
#45ffe1
```
#45ffe1 rgb(69,255,225)
```
#45fff1
```
#45fff1 rgb(69,255,241)
```
#45feff
```
#45feff rgb(69,254,255)
```
#45efff
```
#45efff rgb(69,239,255)
```
#45dfff
```
#45dfff rgb(69,223,255)
```
#45d0ff
```
#45d0ff rgb(69,208,255)
```

Similar Colors

Text with hexadecimal color #45feff

This text has a font color of #45feff.

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

#45feff background color

This paragraph has a background color of #45feff.

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

#45feff border color

This element has a border color of #45feff.

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

CSS codes

.text {color:#45feff;}

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

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

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, #000a0a is the darkest color, while #f6ffff is the lightest one.

#000a0a
```
#000a0a rgb(0,10,10)
```
#001e1e
```
#001e1e rgb(0,30,30)
```
#003131
```
#003131 rgb(0,49,49)
```
#004545
```
#004545 rgb(0,69,69)
```
#005859
```
#005859 rgb(0,88,89)
```
#006c6c
```
#006c6c rgb(0,108,108)
```
#007f80
```
#007f80 rgb(0,127,128)
```
#009393
```
#009393 rgb(0,147,147)
```
#00a6a7
```
#00a6a7 rgb(0,166,167)
```
#00babb
```
#00babb rgb(0,186,187)
```
#00cdce
```
#00cdce rgb(0,205,206)
```
#00e1e2
```
#00e1e2 rgb(0,225,226)
```
#00f4f6
```
#00f4f6 rgb(0,244,246)
```

Shade Color Variation

#0afeff
```
#0afeff rgb(10,254,255)
```
#1efeff
```
#1efeff rgb(30,254,255)
```
#31feff
```
#31feff rgb(49,254,255)
```
#45feff
```
#45feff rgb(69,254,255)
```
#59feff
```
#59feff rgb(89,254,255)
```
#6cfeff
```
#6cfeff rgb(108,254,255)
```
#80feff
```
#80feff rgb(128,254,255)
```
#93feff
```
#93feff rgb(147,254,255)
```
#a7ffff
```
#a7ffff rgb(167,255,255)
```
#bbffff
```
#bbffff rgb(187,255,255)
```
#ceffff
```
#ceffff rgb(206,255,255)
```
#e2ffff
```
#e2ffff rgb(226,255,255)
```
#f6ffff
```
#f6ffff rgb(246,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba9a9 is the less saturated color, while #45feff is the most saturated one.

#9ba9a9
```
#9ba9a9 rgb(155,169,169)
```
#94b0b0
```
#94b0b0 rgb(148,176,176)
```
#8db7b7
```
#8db7b7 rgb(141,183,183)
```
#85bebf
```
#85bebf rgb(133,190,191)
```
#7ec5c6
```
#7ec5c6 rgb(126,197,198)
```
#77cccd
```
#77cccd rgb(119,204,205)
```
#70d4d4
```
#70d4d4 rgb(112,212,212)
```
#69dbdb
```
#69dbdb rgb(105,219,219)
```
#62e2e2
```
#62e2e2 rgb(98,226,226)
```
#5ae9ea
```
#5ae9ea rgb(90,233,234)
```
#53f0f1
```
#53f0f1 rgb(83,240,241)
```
#4cf7f8
```
#4cf7f8 rgb(76,247,248)
```
#45feff
```
#45feff rgb(69,254,255)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#add2d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e6f1 Protanopia 1% of men
#eae4ff Deuteranopia 1% of men
#aaf3ff Tritanopia 0.001% of the population

Trichromacy

#aceef6 Protanomaly 1% of men, 0.01% of women
#aeedff Deuteranomaly 6% of men, 0.4% of women
#85f7ff Tritanomaly 0.01% of the population

#45feff hex color

#45feff Color Information

#45feff Color Conversion

Color Schemes with #45feff

Alternatives to #45feff

#45feff Preview

Shades and Tints of #45feff

Tones of #45feff

Color Blindness Simulator