#45cbf2 hex color

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

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

● #45cbf2 color description : Bright cyan.

The hexadecimal color #45cbf2 has RGB values of R:69, G:203, B:242 and CMYK values of C:0.71, M:0.16, Y:0, K:0.05. Its decimal value is 4574194.

Hex triplet	45cbf2	`#45cbf2`
RGB Decimal	69, 203, 242	`rgb(69,203,242)`
RGB Percent	27.1, 79.6, 94.9	`rgb(27.1%,79.6%,94.9%)`
CMYK	71, 16, 0, 5
HSL	193.5°, 86.9, 61	`hsl(193.5,86.9%,61%)`
HSV (or HSB)	193.5°, 71.5, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.305, -23.693, -29.674
XYZ	39.833, 50.384, 91.625
xyY	0.219, 0.277, 50.384
CIE-LCH	76.305, 37.973, 231.395
CIE-LUV	76.305, -48.604, -44.371
Hunter-Lab	70.982, -24.05, -26.846
Binary	01000101, 11001011, 11110010

#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#f26c45
```
#f26c45 rgb(242,108,69)
```

Complementary Color

#45f2c3
```
#45f2c3 rgb(69,242,195)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#4575f2
```
#4575f2 rgb(69,117,242)
```

Analogous Color

#f2c345
```
#f2c345 rgb(242,195,69)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#f24575
```
#f24575 rgb(242,69,117)
```

Split Complementary Color

#cbf245
```
#cbf245 rgb(203,242,69)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#f245cb
```
#f245cb rgb(242,69,203)
```

Triadic Color

#45f26c
```
#45f26c rgb(69,242,108)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#f245cb
```
#f245cb rgb(242,69,203)
```
#f26c45
```
#f26c45 rgb(242,108,69)
```

Tetradic Color

#0faddb
```
#0faddb rgb(15,173,219)
```
#15beef
```
#15beef rgb(21,190,239)
```
#2dc4f0
```
#2dc4f0 rgb(45,196,240)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#5dd2f4
```
#5dd2f4 rgb(93,210,244)
```
#75d8f5
```
#75d8f5 rgb(117,216,245)
```
#8ddff7
```
#8ddff7 rgb(141,223,247)
```

Monochromatic Color

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

#45f2ee
```
#45f2ee rgb(69,242,238)
```
#45e8f2
```
#45e8f2 rgb(69,232,242)
```
#45d9f2
```
#45d9f2 rgb(69,217,242)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#45bdf2
```
#45bdf2 rgb(69,189,242)
```
#45aef2
```
#45aef2 rgb(69,174,242)
```
#45a0f2
```
#45a0f2 rgb(69,160,242)
```

Similar Colors

Text with hexadecimal color #45cbf2

This text has a font color of #45cbf2.

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

#45cbf2 background color

This paragraph has a background color of #45cbf2.

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

#45cbf2 border color

This element has a border color of #45cbf2.

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

CSS codes

.text {color:#45cbf2;}

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

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

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

#010c10
```
#010c10 rgb(1,12,16)
```
#021b22
```
#021b22 rgb(2,27,34)
```
#042934
```
#042934 rgb(4,41,52)
```
#053847
```
#053847 rgb(5,56,71)
```
#064659
```
#064659 rgb(6,70,89)
```
#08556b
```
#08556b rgb(8,85,107)
```
#09637e
```
#09637e rgb(9,99,126)
```
#0a7290
```
#0a7290 rgb(10,114,144)
```
#0b80a2
```
#0b80a2 rgb(11,128,162)
```
#0d8fb5
```
#0d8fb5 rgb(13,143,181)
```
#0e9dc7
```
#0e9dc7 rgb(14,157,199)
```
#0facd9
```
#0facd9 rgb(15,172,217)
```
#10baec
```
#10baec rgb(16,186,236)
```

Shade Color Variation

#20c1ef
```
#20c1ef rgb(32,193,239)
```
#33c6f1
```
#33c6f1 rgb(51,198,241)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#57d0f3
```
#57d0f3 rgb(87,208,243)
```
#6ad5f5
```
#6ad5f5 rgb(106,213,245)
```
#7cdaf6
```
#7cdaf6 rgb(124,218,246)
```
#8ee0f7
```
#8ee0f7 rgb(142,224,247)
```
#a1e5f8
```
#a1e5f8 rgb(161,229,248)
```
#b3eafa
```
#b3eafa rgb(179,234,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 #3dcffa is the most saturated one.

#999d9e
```
#999d9e rgb(153,157,158)
```
#92a1a5
```
#92a1a5 rgb(146,161,165)
```
#8aa5ad
```
#8aa5ad rgb(138,165,173)
```
#82a9b5
```
#82a9b5 rgb(130,169,181)
```
#7baebc
```
#7baebc rgb(123,174,188)
```
#73b2c4
```
#73b2c4 rgb(115,178,196)
```
#6bb6cc
```
#6bb6cc rgb(107,182,204)
```
#64bad3
```
#64bad3 rgb(100,186,211)
```
#5cbedb
```
#5cbedb rgb(92,190,219)
```
#54c3e3
```
#54c3e3 rgb(84,195,227)
```
#4dc7ea
```
#4dc7ea rgb(77,199,234)
```
#45cbf2
```
#45cbf2 rgb(69,203,242)
```
#3dcffa
```
#3dcffa rgb(61,207,250)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#93aeb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bde8 Protanopia 1% of men
#afbdf9 Deuteranopia 1% of men
#3dd1e0 Tritanopia 0.001% of the population

Trichromacy

#8cc2eb Protanomaly 1% of men, 0.01% of women
#88c2f6 Deuteranomaly 6% of men, 0.4% of women
#40cee6 Tritanomaly 0.01% of the population

#45cbf2 hex color

#45cbf2 Color Information

#45cbf2 Color Conversion

Color Schemes with #45cbf2

Alternatives to #45cbf2

#45cbf2 Preview

Shades and Tints of #45cbf2

Tones of #45cbf2

Color Blindness Simulator