#45b09f hex color

In a RGB color space, hex #45b09f is composed of 27.1% red, 69% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 9.7% yellow and 31% black. It has a hue angle of 170.5 degrees, a saturation of 43.7% and a lightness of 48%. #45b09f color hex could be obtained by blending #8affff with #00613f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 69
- B 62
RGB color chart
- C 61
- M 0
- Y 10
- K 31
CMYK color chart

● #45b09f color description : Dark moderate cyan.

The hexadecimal color #45b09f has RGB values of R:69, G:176, B:159 and CMYK values of C:0.61, M:0, Y:0.1, K:0.31. Its decimal value is 4567199.

Hex triplet	45b09f	`#45b09f`
RGB Decimal	69, 176, 159	`rgb(69,176,159)`
RGB Percent	27.1, 69, 62.4	`rgb(27.1%,69%,62.4%)`
CMYK	61, 0, 10, 31
HSL	170.5°, 43.7, 48	`hsl(170.5,43.7%,48%)`
HSV (or HSB)	170.5°, 60.8, 69
Web Safe	339999	`#339999`

CIE-LAB	65.606, -34.69, -0.41
XYZ	24.236, 34.817, 38.242
xyY	0.249, 0.358, 34.817
CIE-LCH	65.606, 34.692, 180.677
CIE-LUV	65.606, -43.691, 4.748
Hunter-Lab	59.006, -29.945, 2.878
Binary	01000101, 10110000, 10011111

#45b09f
```
#45b09f rgb(69,176,159)
```
#b04556
```
#b04556 rgb(176,69,86)
```

Complementary Color

#45b06a
```
#45b06a rgb(69,176,106)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#458cb0
```
#458cb0 rgb(69,140,176)
```

Analogous Color

#b06a45
```
#b06a45 rgb(176,106,69)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#b0458c
```
#b0458c rgb(176,69,140)
```

Split Complementary Color

#b09f45
```
#b09f45 rgb(176,159,69)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#9f45b0
```
#9f45b0 rgb(159,69,176)
```

Triadic Color

#56b045
```
#56b045 rgb(86,176,69)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#9f45b0
```
#9f45b0 rgb(159,69,176)
```
#b04556
```
#b04556 rgb(176,69,86)
```

Tetradic Color

#2f796d
```
#2f796d rgb(47,121,109)
```
#378b7e
```
#378b7e rgb(55,139,126)
```
#3e9e8e
```
#3e9e8e rgb(62,158,142)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#53bcab
```
#53bcab rgb(83,188,171)
```
#65c3b4
```
#65c3b4 rgb(101,195,180)
```
#78cabd
```
#78cabd rgb(120,202,189)
```

Monochromatic Color

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

#45b084
```
#45b084 rgb(69,176,132)
```
#45b08d
```
#45b08d rgb(69,176,141)
```
#45b096
```
#45b096 rgb(69,176,150)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#45b0a8
```
#45b0a8 rgb(69,176,168)
```
#45afb0
```
#45afb0 rgb(69,175,176)
```
#45a6b0
```
#45a6b0 rgb(69,166,176)
```

Similar Colors

Text with hexadecimal color #45b09f

This text has a font color of #45b09f.

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

#45b09f background color

This paragraph has a background color of #45b09f.

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

#45b09f border color

This element has a border color of #45b09f.

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

CSS codes

.text {color:#45b09f;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#081513
```
#081513 rgb(8,21,19)
```
#0e2320
```
#0e2320 rgb(14,35,32)
```
#13312c
```
#13312c rgb(19,49,44)
```
#193f39
```
#193f39 rgb(25,63,57)
```
#1e4d46
```
#1e4d46 rgb(30,77,70)
```
#245b53
```
#245b53 rgb(36,91,83)
```
#296a5f
```
#296a5f rgb(41,106,95)
```
#2f786c
```
#2f786c rgb(47,120,108)
```
#348679
```
#348679 rgb(52,134,121)
```
#3a9486
```
#3a9486 rgb(58,148,134)
```
#3fa292
```
#3fa292 rgb(63,162,146)
```
#45b09f
```
#45b09f rgb(69,176,159)
```

Shade Color Variation

#4fbaa9
```
#4fbaa9 rgb(79,186,169)
```
#5dbfb0
```
#5dbfb0 rgb(93,191,176)
```
#6bc5b7
```
#6bc5b7 rgb(107,197,183)
```
#79cabe
```
#79cabe rgb(121,202,190)
```
#87d0c4
```
#87d0c4 rgb(135,208,196)
```
#95d6cb
```
#95d6cb rgb(149,214,203)
```
#a3dbd2
```
#a3dbd2 rgb(163,219,210)
```
#b1e1d9
```
#b1e1d9 rgb(177,225,217)
```
#bfe6e0
```
#bfe6e0 rgb(191,230,224)
```
#ceece7
```
#ceece7 rgb(206,236,231)
```
#dcf1ee
```
#dcf1ee rgb(220,241,238)
```
#eaf7f5
```
#eaf7f5 rgb(234,247,245)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74817f is the less saturated color, while #03f2cc is the most saturated one.

#74817f
```
#74817f rgb(116,129,127)
```
#6b8a85
```
#6b8a85 rgb(107,138,133)
```
#61948c
```
#61948c rgb(97,148,140)
```
#589d92
```
#589d92 rgb(88,157,146)
```
#4ea799
```
#4ea799 rgb(78,167,153)
```
#45b09f
```
#45b09f rgb(69,176,159)
```
#3cb9a5
```
#3cb9a5 rgb(60,185,165)
```
#32c3ac
```
#32c3ac rgb(50,195,172)
```
#29ccb2
```
#29ccb2 rgb(41,204,178)
```
#1fd6b9
```
#1fd6b9 rgb(31,214,185)
```
#16dfbf
```
#16dfbf rgb(22,223,191)
```
#0ce9c6
```
#0ce9c6 rgb(12,233,198)
```
#03f2cc
```
#03f2cc rgb(3,242,204)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f9591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a39b Protanopia 1% of men
#b09fab Deuteranopia 1% of men
#5bb0bd Tritanopia 0.001% of the population

Trichromacy

#84a89c Protanomaly 1% of men, 0.01% of women
#89a5a6 Deuteranomaly 6% of men, 0.4% of women
#53b0b2 Tritanomaly 0.01% of the population

#45b09f hex color

#45b09f Color Information

#45b09f Color Conversion

Color Schemes with #45b09f

Alternatives to #45b09f

#45b09f Preview

Shades and Tints of #45b09f

Tones of #45b09f

Color Blindness Simulator