#45f0f2 hex color

In a RGB color space, hex #45f0f2 is composed of 27.1% red, 94.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 180.7 degrees, a saturation of 86.9% and a lightness of 61%. #45f0f2 color hex could be obtained by blending #8affff with #00e1e5. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 27
- G 94
- B 95
RGB color chart
- C 71
- M 1
- Y 0
- K 5
CMYK color chart

● #45f0f2 color description : Bright cyan.

The hexadecimal color #45f0f2 has RGB values of R:69, G:240, B:242 and CMYK values of C:0.71, M:0.01, Y:0, K:0.05. Its decimal value is 4583666.

Hex triplet	45f0f2	`#45f0f2`
RGB Decimal	69, 240, 242	`rgb(69,240,242)`
RGB Percent	27.1, 94.1, 94.9	`rgb(27.1%,94.1%,94.9%)`
CMYK	71, 1, 0, 5
HSL	180.7°, 86.9, 61	`hsl(180.7,86.9%,61%)`
HSV (or HSB)	180.7°, 71.5, 94.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.993, -41.288, -13.465
XYZ	49.636, 69.992, 94.893
xyY	0.231, 0.326, 69.992
CIE-LCH	86.993, 43.428, 198.063
CIE-LUV	86.993, -61.523, -14.986
Hunter-Lab	83.661, -40.502, -8.688
Binary	01000101, 11110000, 11110010

#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#f24745
```
#f24745 rgb(242,71,69)
```

Complementary Color

#45f29e
```
#45f29e rgb(69,242,158)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#459af2
```
#459af2 rgb(69,154,242)
```

Analogous Color

#f29e45
```
#f29e45 rgb(242,158,69)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#f2459a
```
#f2459a rgb(242,69,154)
```

Split Complementary Color

#f0f245
```
#f0f245 rgb(240,242,69)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```

Triadic Color

#45f247
```
#45f247 rgb(69,242,71)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#f245f0
```
#f245f0 rgb(242,69,240)
```
#f24745
```
#f24745 rgb(242,71,69)
```

Tetradic Color

#0fd9db
```
#0fd9db rgb(15,217,219)
```
#15ecef
```
#15ecef rgb(21,236,239)
```
#2deef0
```
#2deef0 rgb(45,238,240)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#5df2f4
```
#5df2f4 rgb(93,242,244)
```
#75f4f5
```
#75f4f5 rgb(117,244,245)
```
#8df6f7
```
#8df6f7 rgb(141,246,247)
```

Monochromatic Color

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

#45f2c9
```
#45f2c9 rgb(69,242,201)
```
#45f2d7
```
#45f2d7 rgb(69,242,215)
```
#45f2e6
```
#45f2e6 rgb(69,242,230)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#45e2f2
```
#45e2f2 rgb(69,226,242)
```
#45d3f2
```
#45d3f2 rgb(69,211,242)
```
#45c5f2
```
#45c5f2 rgb(69,197,242)
```

Similar Colors

Text with hexadecimal color #45f0f2

This text has a font color of #45f0f2.

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

#45f0f2 background color

This paragraph has a background color of #45f0f2.

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

#45f0f2 border color

This element has a border color of #45f0f2.

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

CSS codes

.text {color:#45f0f2;}

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

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

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

#011010
```
#011010 rgb(1,16,16)
```
#022222
```
#022222 rgb(2,34,34)
```
#043434
```
#043434 rgb(4,52,52)
```
#054647
```
#054647 rgb(5,70,71)
```
#065859
```
#065859 rgb(6,88,89)
```
#086a6b
```
#086a6b rgb(8,106,107)
```
#097c7e
```
#097c7e rgb(9,124,126)
```
#0a8e90
```
#0a8e90 rgb(10,142,144)
```
#0ba1a2
```
#0ba1a2 rgb(11,161,162)
```
#0db3b5
```
#0db3b5 rgb(13,179,181)
```
#0ec5c7
```
#0ec5c7 rgb(14,197,199)
```
#0fd7d9
```
#0fd7d9 rgb(15,215,217)
```
#10e9ec
```
#10e9ec rgb(16,233,236)
```

Shade Color Variation

#20edef
```
#20edef rgb(32,237,239)
```
#33eff1
```
#33eff1 rgb(51,239,241)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#57f1f3
```
#57f1f3 rgb(87,241,243)
```
#6af3f5
```
#6af3f5 rgb(106,243,245)
```
#7cf4f6
```
#7cf4f6 rgb(124,244,246)
```
#8ef6f7
```
#8ef6f7 rgb(142,246,247)
```
#a1f7f8
```
#a1f7f8 rgb(161,247,248)
```
#b3f9fa
```
#b3f9fa rgb(179,249,250)
```
#c5fafb
```
#c5fafb rgb(197,250,251)
```
#d8fcfc
```
#d8fcfc rgb(216,252,252)
```
#eafdfe
```
#eafdfe rgb(234,253,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#999e9e
```
#999e9e rgb(153,158,158)
```
#92a5a5
```
#92a5a5 rgb(146,165,165)
```
#8aadad
```
#8aadad rgb(138,173,173)
```
#82b4b5
```
#82b4b5 rgb(130,180,181)
```
#7bbcbc
```
#7bbcbc rgb(123,188,188)
```
#73c3c4
```
#73c3c4 rgb(115,195,196)
```
#6bcbcc
```
#6bcbcc rgb(107,203,204)
```
#64d2d3
```
#64d2d3 rgb(100,210,211)
```
#5cdadb
```
#5cdadb rgb(92,218,219)
```
#54e1e3
```
#54e1e3 rgb(84,225,227)
```
#4de9ea
```
#4de9ea rgb(77,233,234)
```
#45f0f2
```
#45f0f2 rgb(69,240,242)
```
#3df7fa
```
#3df7fa rgb(61,247,250)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a5c7c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdae6 Protanopia 1% of men
#dfd6fc Deuteranopia 1% of men
#62eeff Tritanopia 0.001% of the population

Trichromacy

#a5e2ea Protanomaly 1% of men, 0.01% of women
#a7e0f8 Deuteranomaly 6% of men, 0.4% of women
#57eefa Tritanomaly 0.01% of the population

#45f0f2 hex color

#45f0f2 Color Information

#45f0f2 Color Conversion

Color Schemes with #45f0f2

Alternatives to #45f0f2

#45f0f2 Preview

Shades and Tints of #45f0f2

Tones of #45f0f2

Color Blindness Simulator