#448a7e hex color

In a RGB color space, hex #448a7e is composed of 26.7% red, 54.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 0% magenta, 8.7% yellow and 45.9% black. It has a hue angle of 169.7 degrees, a saturation of 34% and a lightness of 40.4%. #448a7e color hex could be obtained by blending #88fffc with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 54
- B 49
RGB color chart
- C 51
- M 0
- Y 9
- K 46
CMYK color chart

● #448a7e color description : Dark moderate cyan.

The hexadecimal color #448a7e has RGB values of R:68, G:138, B:126 and CMYK values of C:0.51, M:0, Y:0.09, K:0.46. Its decimal value is 4491902.

Hex triplet	448a7e	`#448a7e`
RGB Decimal	68, 138, 126	`rgb(68,138,126)`
RGB Percent	26.7, 54.1, 49.4	`rgb(26.7%,54.1%,49.4%)`
CMYK	51, 0, 9, 46
HSL	169.7°, 34, 40.4	`hsl(169.7,34%,40.4%)`
HSV (or HSB)	169.7°, 50.7, 54.1
Web Safe	339966	`#339966`

CIE-LAB	52.852, -25.159, -0.35
XYZ	15.237, 20.911, 22.971
xyY	0.258, 0.354, 20.911
CIE-LCH	52.852, 25.161, 180.797
CIE-LUV	52.852, -30.666, 3.261
Hunter-Lab	45.729, -20.548, 2.227
Binary	01000100, 10001010, 01111110

#448a7e
```
#448a7e rgb(68,138,126)
```
#8a4450
```
#8a4450 rgb(138,68,80)
```

Complementary Color

#448a5b
```
#448a5b rgb(68,138,91)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#44738a
```
#44738a rgb(68,115,138)
```

Analogous Color

#8a5b44
```
#8a5b44 rgb(138,91,68)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#8a4473
```
#8a4473 rgb(138,68,115)
```

Split Complementary Color

#8a7e44
```
#8a7e44 rgb(138,126,68)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#7e448a
```
#7e448a rgb(126,68,138)
```

Triadic Color

#508a44
```
#508a44 rgb(80,138,68)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#7e448a
```
#7e448a rgb(126,68,138)
```
#8a4450
```
#8a4450 rgb(138,68,80)
```

Tetradic Color

#2b574f
```
#2b574f rgb(43,87,79)
```
#33685f
```
#33685f rgb(51,104,95)
```
#3c796e
```
#3c796e rgb(60,121,110)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#4c9b8e
```
#4c9b8e rgb(76,155,142)
```
#56ab9d
```
#56ab9d rgb(86,171,157)
```
#67b4a7
```
#67b4a7 rgb(103,180,167)
```

Monochromatic Color

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

#448a6d
```
#448a6d rgb(68,138,109)
```
#448a72
```
#448a72 rgb(68,138,114)
```
#448a78
```
#448a78 rgb(68,138,120)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#448a84
```
#448a84 rgb(68,138,132)
```
#448a8a
```
#448a8a rgb(68,138,138)
```
#44858a
```
#44858a rgb(68,133,138)
```

Similar Colors

Text with hexadecimal color #448a7e

This text has a font color of #448a7e.

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

#448a7e background color

This paragraph has a background color of #448a7e.

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

#448a7e border color

This element has a border color of #448a7e.

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

CSS codes

.text {color:#448a7e;}

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

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

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)
```
#0a1412
```
#0a1412 rgb(10,20,18)
```
#10211e
```
#10211e rgb(16,33,30)
```
#172e2a
```
#172e2a rgb(23,46,42)
```
#1d3b36
```
#1d3b36 rgb(29,59,54)
```
#244842
```
#244842 rgb(36,72,66)
```
#2a554e
```
#2a554e rgb(42,85,78)
```
#31635a
```
#31635a rgb(49,99,90)
```
#377066
```
#377066 rgb(55,112,102)
```
#3e7d72
```
#3e7d72 rgb(62,125,114)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#4a978a
```
#4a978a rgb(74,151,138)
```
#51a496
```
#51a496 rgb(81,164,150)
```

Shade Color Variation

#5baea0
```
#5baea0 rgb(91,174,160)
```
#68b5a7
```
#68b5a7 rgb(104,181,167)
```
#75bbaf
```
#75bbaf rgb(117,187,175)
```
#82c2b7
```
#82c2b7 rgb(130,194,183)
```
#8fc8be
```
#8fc8be rgb(143,200,190)
```
#9ccec6
```
#9ccec6 rgb(156,206,198)
```
#aad5ce
```
#aad5ce rgb(170,213,206)
```
#b7dbd5
```
#b7dbd5 rgb(183,219,213)
```
#c4e2dd
```
#c4e2dd rgb(196,226,221)
```
#d1e8e4
```
#d1e8e4 rgb(209,232,228)
```
#deefec
```
#deefec rgb(222,239,236)
```
#ebf5f4
```
#ebf5f4 rgb(235,245,244)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#646a69
```
#646a69 rgb(100,106,105)
```
#5c726e
```
#5c726e rgb(92,114,110)
```
#547a74
```
#547a74 rgb(84,122,116)
```
#4c8279
```
#4c8279 rgb(76,130,121)
```
#448a7e
```
#448a7e rgb(68,138,126)
```
#3c9283
```
#3c9283 rgb(60,146,131)
```
#349a88
```
#349a88 rgb(52,154,136)
```
#2ca28e
```
#2ca28e rgb(44,162,142)
```
#24aa93
```
#24aa93 rgb(36,170,147)
```
#1cb298
```
#1cb298 rgb(28,178,152)
```
#14ba9d
```
#14ba9d rgb(20,186,157)
```
#0dc1a2
```
#0dc1a2 rgb(13,193,162)
```
#05c9a8
```
#05c9a8 rgb(5,201,168)
```

Tone Color Variation

Below, you can see how #448a7e 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
#6a7876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88847e Protanopia 1% of men
#8e8189 Deuteranopia 1% of men
#548d97 Tritanopia 0.001% of the population

Trichromacy

#6f867e Protanomaly 1% of men, 0.01% of women
#738485 Deuteranomaly 6% of men, 0.4% of women
#4e8c8e Tritanomaly 0.01% of the population

#448a7e hex color

#448a7e Color Information

#448a7e Color Conversion

Color Schemes with #448a7e

Alternatives to #448a7e

#448a7e Preview

Shades and Tints of #448a7e

Tones of #448a7e

Color Blindness Simulator