colorhexa.com

#308f84 hex color

In a RGB color space, hex #308f84 is composed of 18.8% red, 56.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 0% magenta, 7.7% yellow and 43.9% black. It has a hue angle of 173.1 degrees, a saturation of 49.7% and a lightness of 37.5%. #308f84 color hex could be obtained by blending #60ffff with #001f09. Closest websafe color is: #339999.

- R 19
- G 56
- B 52
RGB color chart
- C 66
- M 0
- Y 8
- K 44
CMYK color chart

● #308f84 color description : Dark moderate cyan.

The hexadecimal color #308f84 has RGB values of R:48, G:143, B:132 and CMYK values of C:0.66, M:0, Y:0.08, K:0.44. Its decimal value is 3182468.

Hex triplet	308f84	`#308f84`
RGB Decimal	48, 143, 132	`rgb(48,143,132)`
RGB Percent	18.8, 56.1, 51.8	`rgb(18.8%,56.1%,51.8%)`
CMYK	66, 0, 8, 44
HSL	173.1°, 49.7, 37.5	`hsl(173.1,49.7%,37.5%)`
HSV (or HSB)	173.1°, 66.4, 56.1
Web Safe	339999	`#339999`

CIE-LAB	53.961, -30.13, -2.271
XYZ	15.205, 21.938, 25.262
xyY	0.244, 0.352, 21.938
CIE-LCH	53.961, 30.216, 184.311
CIE-LUV	53.961, -37.215, 1.19
Hunter-Lab	46.838, -24.02, 0.809
Binary	00110000, 10001111, 10000100

#308f84
```
#308f84 rgb(48,143,132)
```
#8f303b
```
#8f303b rgb(143,48,59)
```

Complementary Color

#308f54
```
#308f54 rgb(48,143,84)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#306b8f
```
#306b8f rgb(48,107,143)
```

Analogous Color

#8f5530
```
#8f5530 rgb(143,85,48)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#8f306b
```
#8f306b rgb(143,48,107)
```

Split Complementary Color

#8f8430
```
#8f8430 rgb(143,132,48)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#84308f
```
#84308f rgb(132,48,143)
```

Triadic Color

#3b8f30
```
#3b8f30 rgb(59,143,48)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#84308f
```
#84308f rgb(132,48,143)
```
#8f303b
```
#8f303b rgb(143,48,59)
```

Tetradic Color

#1d564f
```
#1d564f rgb(29,86,79)
```
#236961
```
#236961 rgb(35,105,97)
```
#2a7c72
```
#2a7c72 rgb(42,124,114)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#36a296
```
#36a296 rgb(54,162,150)
```
#3db5a7
```
#3db5a7 rgb(61,181,167)
```
#49c2b4
```
#49c2b4 rgb(73,194,180)
```

Monochromatic Color

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

#308f6c
```
#308f6c rgb(48,143,108)
```
#308f74
```
#308f74 rgb(48,143,116)
```
#308f7c
```
#308f7c rgb(48,143,124)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#308f8c
```
#308f8c rgb(48,143,140)
```
#308a8f
```
#308a8f rgb(48,138,143)
```
#30828f
```
#30828f rgb(48,130,143)
```

Similar Colors

Text with hexadecimal color #308f84

This text has a font color of #308f84.

<span style="color:#308f84;">Text here</span>

#308f84 background color

This paragraph has a background color of #308f84.

<p style="background-color:#308f84;">Content here</p>

#308f84 border color

This element has a border color of #308f84.

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

CSS codes

.text {color:#308f84;}

.background {background-color:#308f84;}

.border {border:1px solid #308f84;}

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, #040b0a is the darkest color, while #fbfefd is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#091a18
```
#091a18 rgb(9,26,24)
```
#0d2825
```
#0d2825 rgb(13,40,37)
```
#123733
```
#123733 rgb(18,55,51)
```
#174640
```
#174640 rgb(23,70,64)
```
#1c544e
```
#1c544e rgb(28,84,78)
```
#21635b
```
#21635b rgb(33,99,91)
```
#267269
```
#267269 rgb(38,114,105)
```
#2b8076
```
#2b8076 rgb(43,128,118)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#359e92
```
#359e92 rgb(53,158,146)
```
#3aac9f
```
#3aac9f rgb(58,172,159)
```
#3fbbad
```
#3fbbad rgb(63,187,173)
```

Shade Color Variation

#4bc3b5
```
#4bc3b5 rgb(75,195,181)
```
#5ac7bb
```
#5ac7bb rgb(90,199,187)
```
#68ccc1
```
#68ccc1 rgb(104,204,193)
```
#77d1c7
```
#77d1c7 rgb(119,209,199)
```
#86d6cd
```
#86d6cd rgb(134,214,205)
```
#94dbd3
```
#94dbd3 rgb(148,219,211)
```
#a3e0d9
```
#a3e0d9 rgb(163,224,217)
```
#b2e5df
```
#b2e5df rgb(178,229,223)
```
#c0eae5
```
#c0eae5 rgb(192,234,229)
```
#cfefeb
```
#cfefeb rgb(207,239,235)
```
#def4f1
```
#def4f1 rgb(222,244,241)
```
#ecf9f7
```
#ecf9f7 rgb(236,249,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#5c6362
```
#5c6362 rgb(92,99,98)
```
#556a68
```
#556a68 rgb(85,106,104)
```
#4d726d
```
#4d726d rgb(77,114,109)
```
#467973
```
#467973 rgb(70,121,115)
```
#3f8079
```
#3f8079 rgb(63,128,121)
```
#37887e
```
#37887e rgb(55,136,126)
```
#308f84
```
#308f84 rgb(48,143,132)
```
#29968a
```
#29968a rgb(41,150,138)
```
#219e8f
```
#219e8f rgb(33,158,143)
```
#1aa595
```
#1aa595 rgb(26,165,149)
```
#13ac9b
```
#13ac9b rgb(19,172,155)
```
#0bb4a0
```
#0bb4a0 rgb(11,180,160)
```
#04bba6
```
#04bba6 rgb(4,187,166)
```

Tone Color Variation

Below, you can see how #308f84 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

#717171 Achromatopsia 0.005% of the population
#647775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8683 Protanopia 1% of men
#8f8390 Deuteranopia 1% of men
#45929c Tritanopia 0.001% of the population

Trichromacy

#698983 Protanomaly 1% of men, 0.01% of women
#6c878b Deuteranomaly 6% of men, 0.4% of women
#3d9093 Tritanomaly 0.01% of the population