#45bca0 hex color

In a RGB color space, hex #45bca0 is composed of 27.1% red, 73.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 14.9% yellow and 26.3% black. It has a hue angle of 165.9 degrees, a saturation of 47% and a lightness of 50.4%. #45bca0 color hex could be obtained by blending #8affff with #007941. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 74
- B 63
RGB color chart
- C 63
- M 0
- Y 15
- K 26
CMYK color chart

● #45bca0 color description : Moderate cyan.

The hexadecimal color #45bca0 has RGB values of R:69, G:188, B:160 and CMYK values of C:0.63, M:0, Y:0.15, K:0.26. Its decimal value is 4570272.

Hex triplet	45bca0	`#45bca0`
RGB Decimal	69, 188, 160	`rgb(69,188,160)`
RGB Percent	27.1, 73.7, 62.7	`rgb(27.1%,73.7%,62.7%)`
CMYK	63, 0, 15, 26
HSL	165.9°, 47, 50.4	`hsl(165.9,47%,50.4%)`
HSV (or HSB)	165.9°, 63.3, 73.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.304, -39.897, 4.41
XYZ	26.78, 39.767, 39.52
xyY	0.252, 0.375, 39.767
CIE-LCH	69.304, 40.14, 173.692
CIE-LUV	69.304, -48.149, 12.716
Hunter-Lab	63.061, -34.553, 6.986
Binary	01000101, 10111100, 10100000

#45bca0
```
#45bca0 rgb(69,188,160)
```
#bc4561
```
#bc4561 rgb(188,69,97)
```

Complementary Color

#45bc65
```
#45bc65 rgb(69,188,101)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#459dbc
```
#459dbc rgb(69,157,188)
```

Analogous Color

#bc6545
```
#bc6545 rgb(188,101,69)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#bc459d
```
#bc459d rgb(188,69,157)
```

Split Complementary Color

#bca045
```
#bca045 rgb(188,160,69)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#a045bc
```
#a045bc rgb(160,69,188)
```

Triadic Color

#61bc45
```
#61bc45 rgb(97,188,69)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#a045bc
```
#a045bc rgb(160,69,188)
```
#bc4561
```
#bc4561 rgb(188,69,97)
```

Tetradic Color

#308571
```
#308571 rgb(48,133,113)
```
#379781
```
#379781 rgb(55,151,129)
```
#3daa91
```
#3daa91 rgb(61,170,145)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#58c3aa
```
#58c3aa rgb(88,195,170)
```
#6acab3
```
#6acab3 rgb(106,202,179)
```
#7dd0bd
```
#7dd0bd rgb(125,208,189)
```

Monochromatic Color

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

#45bc82
```
#45bc82 rgb(69,188,130)
```
#45bc8c
```
#45bc8c rgb(69,188,140)
```
#45bc96
```
#45bc96 rgb(69,188,150)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#45bcaa
```
#45bcaa rgb(69,188,170)
```
#45bcb4
```
#45bcb4 rgb(69,188,180)
```
#45babc
```
#45babc rgb(69,186,188)
```

Similar Colors

Text with hexadecimal color #45bca0

This text has a font color of #45bca0.

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

#45bca0 background color

This paragraph has a background color of #45bca0.

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

#45bca0 border color

This element has a border color of #45bca0.

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

CSS codes

.text {color:#45bca0;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#06100d
```
#06100d rgb(6,16,13)
```
#0b1e1a
```
#0b1e1a rgb(11,30,26)
```
#102d26
```
#102d26 rgb(16,45,38)
```
#153b32
```
#153b32 rgb(21,59,50)
```
#1b4a3e
```
#1b4a3e rgb(27,74,62)
```
#20584b
```
#20584b rgb(32,88,75)
```
#256657
```
#256657 rgb(37,102,87)
```
#2a7563
```
#2a7563 rgb(42,117,99)
```
#2f836f
```
#2f836f rgb(47,131,111)
```
#34927c
```
#34927c rgb(52,146,124)
```
#3aa088
```
#3aa088 rgb(58,160,136)
```
#3faf94
```
#3faf94 rgb(63,175,148)
```

Shade Color Variation

#45bca0
```
#45bca0 rgb(69,188,160)
```
#53c1a7
```
#53c1a7 rgb(83,193,167)
```
#62c6af
```
#62c6af rgb(98,198,175)
```
#70ccb6
```
#70ccb6 rgb(112,204,182)
```
#7fd1bd
```
#7fd1bd rgb(127,209,189)
```
#8dd6c5
```
#8dd6c5 rgb(141,214,197)
```
#9cdbcc
```
#9cdbcc rgb(156,219,204)
```
#aae0d4
```
#aae0d4 rgb(170,224,212)
```
#b8e6db
```
#b8e6db rgb(184,230,219)
```
#c7ebe2
```
#c7ebe2 rgb(199,235,226)
```
#d5f0ea
```
#d5f0ea rgb(213,240,234)
```
#e4f5f1
```
#e4f5f1 rgb(228,245,241)
```
#f2faf8
```
#f2faf8 rgb(242,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8281 is the less saturated color, while #0bf6bf is the most saturated one.

#7f8281
```
#7f8281 rgb(127,130,129)
```
#768b86
```
#768b86 rgb(118,139,134)
```
#6c958b
```
#6c958b rgb(108,149,139)
```
#629f91
```
#629f91 rgb(98,159,145)
```
#58a996
```
#58a996 rgb(88,169,150)
```
#4fb29b
```
#4fb29b rgb(79,178,155)
```
#45bca0
```
#45bca0 rgb(69,188,160)
```
#3bc6a5
```
#3bc6a5 rgb(59,198,165)
```
#32cfaa
```
#32cfaa rgb(50,207,170)
```
#28d9af
```
#28d9af rgb(40,217,175)
```
#1ee3b5
```
#1ee3b5 rgb(30,227,181)
```
#14edba
```
#14edba rgb(20,237,186)
```
#0bf6bf
```
#0bf6bf rgb(11,246,191)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#859d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ad9b Protanopia 1% of men
#bda8ad Deuteranopia 1% of men
#5fbac7 Tritanopia 0.001% of the population

Trichromacy

#8cb29d Protanomaly 1% of men, 0.01% of women
#91afa8 Deuteranomaly 6% of men, 0.4% of women
#56bab9 Tritanomaly 0.01% of the population

#45bca0 hex color

#45bca0 Color Information

#45bca0 Color Conversion

Color Schemes with #45bca0

Alternatives to #45bca0

#45bca0 Preview

Shades and Tints of #45bca0

Tones of #45bca0

Color Blindness Simulator