#45bce2 hex color

In a RGB color space, hex #45bce2 is composed of 27.1% red, 73.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 16.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 194.5 degrees, a saturation of 73% and a lightness of 57.8%. #45bce2 color hex could be obtained by blending #8affff with #0079c5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 74
- B 89
RGB color chart
- C 69
- M 17
- Y 0
- K 11
CMYK color chart

● #45bce2 color description : Soft cyan.

The hexadecimal color #45bce2 has RGB values of R:69, G:188, B:226 and CMYK values of C:0.69, M:0.17, Y:0, K:0.11. Its decimal value is 4570338.

Hex triplet	45bce2	`#45bce2`
RGB Decimal	69, 188, 226	`rgb(69,188,226)`
RGB Percent	27.1, 73.7, 88.6	`rgb(27.1%,73.7%,88.6%)`
CMYK	69, 17, 0, 11
HSL	194.5°, 73, 57.8	`hsl(194.5,73%,57.8%)`
HSV (or HSB)	194.5°, 69.5, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.364, -21.074, -28.626
XYZ	34.161, 42.72, 78.393
xyY	0.22, 0.275, 42.72
CIE-LCH	71.364, 35.546, 233.64
CIE-LUV	71.364, -44.256, -42.58
Hunter-Lab	65.36, -21.086, -25.36
Binary	01000101, 10111100, 11100010

#45bce2
```
#45bce2 rgb(69,188,226)
```
#e26b45
```
#e26b45 rgb(226,107,69)
```

Complementary Color

#45e2ba
```
#45e2ba rgb(69,226,186)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#456ee2
```
#456ee2 rgb(69,110,226)
```

Analogous Color

#e2ba45
```
#e2ba45 rgb(226,186,69)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#e2456e
```
#e2456e rgb(226,69,110)
```

Split Complementary Color

#bce245
```
#bce245 rgb(188,226,69)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#e245bc
```
#e245bc rgb(226,69,188)
```

Triadic Color

#45e26b
```
#45e26b rgb(69,226,107)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#e245bc
```
#e245bc rgb(226,69,188)
```
#e26b45
```
#e26b45 rgb(226,107,69)
```

Tetradic Color

#1d96bd
```
#1d96bd rgb(29,150,189)
```
#21a8d3
```
#21a8d3 rgb(33,168,211)
```
#2fb4df
```
#2fb4df rgb(47,180,223)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#5bc4e5
```
#5bc4e5 rgb(91,196,229)
```
#71cce9
```
#71cce9 rgb(113,204,233)
```
#87d4ec
```
#87d4ec rgb(135,212,236)
```

Monochromatic Color

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

#45e2e1
```
#45e2e1 rgb(69,226,225)
```
#45d6e2
```
#45d6e2 rgb(69,214,226)
```
#45c9e2
```
#45c9e2 rgb(69,201,226)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#45afe2
```
#45afe2 rgb(69,175,226)
```
#45a2e2
```
#45a2e2 rgb(69,162,226)
```
#4595e2
```
#4595e2 rgb(69,149,226)
```

Similar Colors

Text with hexadecimal color #45bce2

This text has a font color of #45bce2.

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

#45bce2 background color

This paragraph has a background color of #45bce2.

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

#45bce2 border color

This element has a border color of #45bce2.

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

CSS codes

.text {color:#45bce2;}

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

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

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 #eff9fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030e12
```
#030e12 rgb(3,14,18)
```
#051c23
```
#051c23 rgb(5,28,35)
```
#082934
```
#082934 rgb(8,41,52)
```
#0b3745
```
#0b3745 rgb(11,55,69)
```
#0d4456
```
#0d4456 rgb(13,68,86)
```
#105266
```
#105266 rgb(16,82,102)
```
#135f77
```
#135f77 rgb(19,95,119)
```
#156d88
```
#156d88 rgb(21,109,136)
```
#187a99
```
#187a99 rgb(24,122,153)
```
#1b88aa
```
#1b88aa rgb(27,136,170)
```
#1d95bb
```
#1d95bb rgb(29,149,187)
```
#20a3cc
```
#20a3cc rgb(32,163,204)
```

Shade Color Variation

#23b0dd
```
#23b0dd rgb(35,176,221)
```
#34b6df
```
#34b6df rgb(52,182,223)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#56c2e5
```
#56c2e5 rgb(86,194,229)
```
#67c8e7
```
#67c8e7 rgb(103,200,231)
```
#78ceea
```
#78ceea rgb(120,206,234)
```
#89d4ed
```
#89d4ed rgb(137,212,237)
```
#9adbef
```
#9adbef rgb(154,219,239)
```
#abe1f2
```
#abe1f2 rgb(171,225,242)
```
#bce7f5
```
#bce7f5 rgb(188,231,245)
```
#cdedf7
```
#cdedf7 rgb(205,237,247)
```
#def3fa
```
#def3fa rgb(222,243,250)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9698 is the less saturated color, while #2cc9fb is the most saturated one.

#8f9698
```
#8f9698 rgb(143,150,152)
```
#879aa0
```
#879aa0 rgb(135,154,160)
```
#7f9ea8
```
#7f9ea8 rgb(127,158,168)
```
#77a2b0
```
#77a2b0 rgb(119,162,176)
```
#6ea7b9
```
#6ea7b9 rgb(110,167,185)
```
#66abc1
```
#66abc1 rgb(102,171,193)
```
#5eafc9
```
#5eafc9 rgb(94,175,201)
```
#56b3d1
```
#56b3d1 rgb(86,179,209)
```
#4db8da
```
#4db8da rgb(77,184,218)
```
#45bce2
```
#45bce2 rgb(69,188,226)
```
#3dc0ea
```
#3dc0ea rgb(61,192,234)
```
#34c5f3
```
#34c5f3 rgb(52,197,243)
```
#2cc9fb
```
#2cc9fb rgb(44,201,251)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b1da Protanopia 1% of men
#a3b0e9 Deuteranopia 1% of men
#3fc2d1 Tritanopia 0.001% of the population

Trichromacy

#84b5dd Protanomaly 1% of men, 0.01% of women
#81b4e6 Deuteranomaly 6% of men, 0.4% of women
#41c0d7 Tritanomaly 0.01% of the population

#45bce2 hex color

#45bce2 Color Information

#45bce2 Color Conversion

Color Schemes with #45bce2

Alternatives to #45bce2

#45bce2 Preview

Shades and Tints of #45bce2

Tones of #45bce2

Color Blindness Simulator