#448b7d hex color

In a RGB color space, hex #448b7d is composed of 26.7% red, 54.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 0% magenta, 10.1% yellow and 45.5% black. It has a hue angle of 168.2 degrees, a saturation of 34.3% and a lightness of 40.6%. #448b7d color hex could be obtained by blending #88fffa with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 55
- B 49
RGB color chart
- C 51
- M 0
- Y 10
- K 45
CMYK color chart

● #448b7d color description : Dark moderate cyan.

The hexadecimal color #448b7d has RGB values of R:68, G:139, B:125 and CMYK values of C:0.51, M:0, Y:0.1, K:0.45. Its decimal value is 4492157.

Hex triplet	448b7d	`#448b7d`
RGB Decimal	68, 139, 125	`rgb(68,139,125)`
RGB Percent	26.7, 54.5, 49	`rgb(26.7%,54.5%,49%)`
CMYK	51, 0, 10, 45
HSL	168.2°, 34.3, 40.6	`hsl(168.2,34.3%,40.6%)`
HSV (or HSB)	168.2°, 51.1, 54.5
Web Safe	339966	`#339966`

CIE-LAB	53.139, -25.922, 0.648
XYZ	15.317, 21.174, 22.681
xyY	0.259, 0.358, 21.174
CIE-LCH	53.139, 25.93, 178.568
CIE-LUV	53.139, -31.113, 4.785
Hunter-Lab	46.015, -21.109, 2.987
Binary	01000100, 10001011, 01111101

#448b7d
```
#448b7d rgb(68,139,125)
```
#8b4452
```
#8b4452 rgb(139,68,82)
```

Complementary Color

#448b5a
```
#448b5a rgb(68,139,90)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#44768b
```
#44768b rgb(68,118,139)
```

Analogous Color

#8b5a44
```
#8b5a44 rgb(139,90,68)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#8b4476
```
#8b4476 rgb(139,68,118)
```

Split Complementary Color

#8b7d44
```
#8b7d44 rgb(139,125,68)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#7d448b
```
#7d448b rgb(125,68,139)
```

Triadic Color

#528b44
```
#528b44 rgb(82,139,68)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#7d448b
```
#7d448b rgb(125,68,139)
```
#8b4452
```
#8b4452 rgb(139,68,82)
```

Tetradic Color

#2b584f
```
#2b584f rgb(43,88,79)
```
#33695e
```
#33695e rgb(51,105,94)
```
#3c7a6e
```
#3c7a6e rgb(60,122,110)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#4c9c8c
```
#4c9c8c rgb(76,156,140)
```
#56ac9b
```
#56ac9b rgb(86,172,155)
```
#67b5a5
```
#67b5a5 rgb(103,181,165)
```

Monochromatic Color

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

#448b6b
```
#448b6b rgb(68,139,107)
```
#448b71
```
#448b71 rgb(68,139,113)
```
#448b77
```
#448b77 rgb(68,139,119)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#448b83
```
#448b83 rgb(68,139,131)
```
#448b89
```
#448b89 rgb(68,139,137)
```
#44878b
```
#44878b rgb(68,135,139)
```

Similar Colors

Text with hexadecimal color #448b7d

This text has a font color of #448b7d.

<span style="color:#448b7d;">Text here</span>

#448b7d background color

This paragraph has a background color of #448b7d.

<p style="background-color:#448b7d;">Content here</p>

#448b7d border color

This element has a border color of #448b7d.

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

CSS codes

.text {color:#448b7d;}

.background {background-color:#448b7d;}

.border {border:1px solid #448b7d;}

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

#040707
```
#040707 rgb(4,7,7)
```
#0a1412
```
#0a1412 rgb(10,20,18)
```
#10221e
```
#10221e rgb(16,34,30)
```
#172f2a
```
#172f2a rgb(23,47,42)
```
#1d3c36
```
#1d3c36 rgb(29,60,54)
```
#244942
```
#244942 rgb(36,73,66)
```
#2a564e
```
#2a564e rgb(42,86,78)
```
#316359
```
#316359 rgb(49,99,89)
```
#377165
```
#377165 rgb(55,113,101)
```
#3e7e71
```
#3e7e71 rgb(62,126,113)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#4a9889
```
#4a9889 rgb(74,152,137)
```
#51a595
```
#51a595 rgb(81,165,149)
```

Shade Color Variation

#5baf9e
```
#5baf9e rgb(91,175,158)
```
#68b5a6
```
#68b5a6 rgb(104,181,166)
```
#75bcae
```
#75bcae rgb(117,188,174)
```
#83c2b6
```
#83c2b6 rgb(131,194,182)
```
#90c9bd
```
#90c9bd rgb(144,201,189)
```
#9dcfc5
```
#9dcfc5 rgb(157,207,197)
```
#aad5cd
```
#aad5cd rgb(170,213,205)
```
#b7dcd5
```
#b7dcd5 rgb(183,220,213)
```
#c4e2dc
```
#c4e2dc rgb(196,226,220)
```
#d2e9e4
```
#d2e9e4 rgb(210,233,228)
```
#dfefec
```
#dfefec rgb(223,239,236)
```
#ecf6f4
```
#ecf6f4 rgb(236,246,244)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646b6a is the less saturated color, while #04cba4 is the most saturated one.

#646b6a
```
#646b6a rgb(100,107,106)
```
#5c736f
```
#5c736f rgb(92,115,111)
```
#547b73
```
#547b73 rgb(84,123,115)
```
#4c8378
```
#4c8378 rgb(76,131,120)
```
#448b7d
```
#448b7d rgb(68,139,125)
```
#3c9382
```
#3c9382 rgb(60,147,130)
```
#349b87
```
#349b87 rgb(52,155,135)
```
#2ca38b
```
#2ca38b rgb(44,163,139)
```
#24ab90
```
#24ab90 rgb(36,171,144)
```
#1cb395
```
#1cb395 rgb(28,179,149)
```
#14bb9a
```
#14bb9a rgb(20,187,154)
```
#0cc39f
```
#0cc39f rgb(12,195,159)
```
#04cba4
```
#04cba4 rgb(4,203,164)
```

Tone Color Variation

Below, you can see how #448b7d 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

#747474 Achromatopsia 0.005% of the population
#6a7976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89857d Protanopia 1% of men
#908189 Deuteranopia 1% of men
#558d98 Tritanopia 0.001% of the population

Trichromacy

#70877d Protanomaly 1% of men, 0.01% of women
#748584 Deuteranomaly 6% of men, 0.4% of women
#4f8c8e Tritanomaly 0.01% of the population

#448b7d hex color

#448b7d Color Information

#448b7d Color Conversion

Color Schemes with #448b7d

Alternatives to #448b7d

#448b7d Preview

Shades and Tints of #448b7d

Tones of #448b7d

Color Blindness Simulator