#45cdf2 hex color

In a RGB color space, hex #45cdf2 is composed of 27.1% red, 80.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 15.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 192.8 degrees, a saturation of 86.9% and a lightness of 61%. #45cdf2 color hex could be obtained by blending #8affff with #009be5. Closest websafe color is: #33ccff.

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

● #45cdf2 color description : Bright cyan.

The hexadecimal color #45cdf2 has RGB values of R:69, G:205, B:242 and CMYK values of C:0.71, M:0.15, Y:0, K:0.05. Its decimal value is 4574706.

Hex triplet	45cdf2	`#45cdf2`
RGB Decimal	69, 205, 242	`rgb(69,205,242)`
RGB Percent	27.1, 80.4, 94.9	`rgb(27.1%,80.4%,94.9%)`
CMYK	71, 15, 0, 5
HSL	192.8°, 86.9, 61	`hsl(192.8,86.9%,61%)`
HSV (or HSB)	192.8°, 71.5, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.882, -24.697, -28.788
XYZ	40.308, 51.335, 91.784
xyY	0.22, 0.28, 51.335
CIE-LCH	76.882, 37.931, 229.374
CIE-LUV	76.882, -49.305, -42.761
Hunter-Lab	71.649, -24.964, -25.798
Binary	01000101, 11001101, 11110010

#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#f26a45
```
#f26a45 rgb(242,106,69)
```

Complementary Color

#45f2c1
```
#45f2c1 rgb(69,242,193)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#4577f2
```
#4577f2 rgb(69,119,242)
```

Analogous Color

#f2c145
```
#f2c145 rgb(242,193,69)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#f24577
```
#f24577 rgb(242,69,119)
```

Split Complementary Color

#cdf245
```
#cdf245 rgb(205,242,69)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#f245cd
```
#f245cd rgb(242,69,205)
```

Triadic Color

#45f26a
```
#45f26a rgb(69,242,106)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#f245cd
```
#f245cd rgb(242,69,205)
```
#f26a45
```
#f26a45 rgb(242,106,69)
```

Tetradic Color

#0fb0db
```
#0fb0db rgb(15,176,219)
```
#15c0ef
```
#15c0ef rgb(21,192,239)
```
#2dc7f0
```
#2dc7f0 rgb(45,199,240)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#5dd3f4
```
#5dd3f4 rgb(93,211,244)
```
#75daf5
```
#75daf5 rgb(117,218,245)
```
#8de0f7
```
#8de0f7 rgb(141,224,247)
```

Monochromatic Color

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

#45f2ec
```
#45f2ec rgb(69,242,236)
```
#45eaf2
```
#45eaf2 rgb(69,234,242)
```
#45dbf2
```
#45dbf2 rgb(69,219,242)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#45bff2
```
#45bff2 rgb(69,191,242)
```
#45b0f2
```
#45b0f2 rgb(69,176,242)
```
#45a2f2
```
#45a2f2 rgb(69,162,242)
```

Similar Colors

Text with hexadecimal color #45cdf2

This text has a font color of #45cdf2.

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

#45cdf2 background color

This paragraph has a background color of #45cdf2.

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

#45cdf2 border color

This element has a border color of #45cdf2.

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

CSS codes

.text {color:#45cdf2;}

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

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

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, #010d10 is the darkest color, while #fcfeff is the lightest one.

#010d10
```
#010d10 rgb(1,13,16)
```
#021b22
```
#021b22 rgb(2,27,34)
```
#042a34
```
#042a34 rgb(4,42,52)
```
#053947
```
#053947 rgb(5,57,71)
```
#064759
```
#064759 rgb(6,71,89)
```
#08566b
```
#08566b rgb(8,86,107)
```
#09657e
```
#09657e rgb(9,101,126)
```
#0a7390
```
#0a7390 rgb(10,115,144)
```
#0b82a2
```
#0b82a2 rgb(11,130,162)
```
#0d91b5
```
#0d91b5 rgb(13,145,181)
```
#0e9fc7
```
#0e9fc7 rgb(14,159,199)
```
#0faed9
```
#0faed9 rgb(15,174,217)
```
#10bdec
```
#10bdec rgb(16,189,236)
```

Shade Color Variation

#20c3ef
```
#20c3ef rgb(32,195,239)
```
#33c8f1
```
#33c8f1 rgb(51,200,241)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#57d2f3
```
#57d2f3 rgb(87,210,243)
```
#6ad7f5
```
#6ad7f5 rgb(106,215,245)
```
#7cdcf6
```
#7cdcf6 rgb(124,220,246)
```
#8ee1f7
```
#8ee1f7 rgb(142,225,247)
```
#a1e6f8
```
#a1e6f8 rgb(161,230,248)
```
#b3ebfa
```
#b3ebfa rgb(179,235,250)
```
#c5effb
```
#c5effb rgb(197,239,251)
```
#d8f4fc
```
#d8f4fc rgb(216,244,252)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#999d9e
```
#999d9e rgb(153,157,158)
```
#92a1a5
```
#92a1a5 rgb(146,161,165)
```
#8aa6ad
```
#8aa6ad rgb(138,166,173)
```
#82aab5
```
#82aab5 rgb(130,170,181)
```
#7baebc
```
#7baebc rgb(123,174,188)
```
#73b3c4
```
#73b3c4 rgb(115,179,196)
```
#6bb7cc
```
#6bb7cc rgb(107,183,204)
```
#64bbd3
```
#64bbd3 rgb(100,187,211)
```
#5cc0db
```
#5cc0db rgb(92,192,219)
```
#54c4e3
```
#54c4e3 rgb(84,196,227)
```
#4dc9ea
```
#4dc9ea rgb(77,201,234)
```
#45cdf2
```
#45cdf2 rgb(69,205,242)
```
#3dd1fa
```
#3dd1fa rgb(61,209,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#95b0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bfe8 Protanopia 1% of men
#b2bef9 Deuteranopia 1% of men
#3fd2e2 Tritanopia 0.001% of the population

Trichromacy

#8dc4eb Protanomaly 1% of men, 0.01% of women
#8ac3f6 Deuteranomaly 6% of men, 0.4% of women
#41d0e7 Tritanomaly 0.01% of the population

#45cdf2 hex color

#45cdf2 Color Information

#45cdf2 Color Conversion

Color Schemes with #45cdf2

Alternatives to #45cdf2

#45cdf2 Preview

Shades and Tints of #45cdf2

Tones of #45cdf2

Color Blindness Simulator