#303e3e hex color

In a RGB color space, hex #303e3e is composed of 18.8% red, 24.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 0% yellow and 75.7% black. It has a hue angle of 180 degrees, a saturation of 12.7% and a lightness of 21.6%. #303e3e color hex could be obtained by blending #607c7c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 24
- B 24
RGB color chart
- C 23
- M 0
- Y 0
- K 76
CMYK color chart

● #303e3e color description : Very dark grayish cyan.

The hexadecimal color #303e3e has RGB values of R:48, G:62, B:62 and CMYK values of C:0.23, M:0, Y:0, K:0.76. Its decimal value is 3161662.

Hex triplet	303e3e	`#303e3e`
RGB Decimal	48, 62, 62	`rgb(48,62,62)`
RGB Percent	18.8, 24.3, 24.3	`rgb(18.8%,24.3%,24.3%)`
CMYK	23, 0, 0, 76
HSL	180°, 12.7, 21.6	`hsl(180,12.7%,21.6%)`
HSV (or HSB)	180°, 22.6, 24.3
Web Safe	333333	`#333333`

CIE-LAB	25.018, -5.67, -1.887
XYZ	3.811, 4.421, 5.21
xyY	0.284, 0.329, 4.421
CIE-LCH	25.018, 5.976, 198.406
CIE-LUV	25.018, -6.536, -1.413
Hunter-Lab	21.027, -4.446, 0.029
Binary	00110000, 00111110, 00111110

#303e3e
```
#303e3e rgb(48,62,62)
```
#3e3030
```
#3e3030 rgb(62,48,48)
```

Complementary Color

#303e37
```
#303e37 rgb(48,62,55)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#30373e
```
#30373e rgb(48,55,62)
```

Analogous Color

#3e3730
```
#3e3730 rgb(62,55,48)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#3e3037
```
#3e3037 rgb(62,48,55)
```

Split Complementary Color

#3e3e30
```
#3e3e30 rgb(62,62,48)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#3e303e
```
#3e303e rgb(62,48,62)
```

Triadic Color

#303e30
```
#303e30 rgb(48,62,48)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#3e303e
```
#3e303e rgb(62,48,62)
```
#3e3030
```
#3e3030 rgb(62,48,48)
```

Tetradic Color

#0f1313
```
#0f1313 rgb(15,19,19)
```
#1a2121
```
#1a2121 rgb(26,33,33)
```
#253030
```
#253030 rgb(37,48,48)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#3b4c4c
```
#3b4c4c rgb(59,76,76)
```
#465b5b
```
#465b5b rgb(70,91,91)
```
#516969
```
#516969 rgb(81,105,105)
```

Monochromatic Color

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

#303e3b
```
#303e3b rgb(48,62,59)
```
#303e3c
```
#303e3c rgb(48,62,60)
```
#303e3d
```
#303e3d rgb(48,62,61)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#303d3e
```
#303d3e rgb(48,61,62)
```
#303c3e
```
#303c3e rgb(48,60,62)
```
#303b3e
```
#303b3e rgb(48,59,62)
```

Similar Colors

Text with hexadecimal color #303e3e

This text has a font color of #303e3e.

<span style="color:#303e3e;">Text here</span>

#303e3e background color

This paragraph has a background color of #303e3e.

<p style="background-color:#303e3e;">Content here</p>

#303e3e border color

This element has a border color of #303e3e.

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

CSS codes

.text {color:#303e3e;}

.background {background-color:#303e3e;}

.border {border:1px solid #303e3e;}

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

#050707
```
#050707 rgb(5,7,7)
```
#0e1212
```
#0e1212 rgb(14,18,18)
```
#161d1d
```
#161d1d rgb(22,29,29)
```
#1f2828
```
#1f2828 rgb(31,40,40)
```
#273333
```
#273333 rgb(39,51,51)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#394949
```
#394949 rgb(57,73,73)
```
#415454
```
#415454 rgb(65,84,84)
```
#4a5f5f
```
#4a5f5f rgb(74,95,95)
```
#526a6a
```
#526a6a rgb(82,106,106)
```
#5b7575
```
#5b7575 rgb(91,117,117)
```
#638080
```
#638080 rgb(99,128,128)
```
#6c8b8b
```
#6c8b8b rgb(108,139,139)
```

Shade Color Variation

#769595
```
#769595 rgb(118,149,149)
```
#819d9d
```
#819d9d rgb(129,157,157)
```
#8ca6a6
```
#8ca6a6 rgb(140,166,166)
```
#97afaf
```
#97afaf rgb(151,175,175)
```
#a2b7b7
```
#a2b7b7 rgb(162,183,183)
```
#adc0c0
```
#adc0c0 rgb(173,192,192)
```
#b8c8c8
```
#b8c8c8 rgb(184,200,200)
```
#c3d1d1
```
#c3d1d1 rgb(195,209,209)
```
#ced9d9
```
#ced9d9 rgb(206,217,217)
```
#d9e2e2
```
#d9e2e2 rgb(217,226,226)
```
#e5ebeb
```
#e5ebeb rgb(229,235,235)
```
#f0f3f3
```
#f0f3f3 rgb(240,243,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #343a3a is the less saturated color, while #016d6d is the most saturated one.

#343a3a
```
#343a3a rgb(52,58,58)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#2c4242
```
#2c4242 rgb(44,66,66)
```
#284646
```
#284646 rgb(40,70,70)
```
#234b4b
```
#234b4b rgb(35,75,75)
```
#1f4f4f
```
#1f4f4f rgb(31,79,79)
```
#1b5353
```
#1b5353 rgb(27,83,83)
```
#175757
```
#175757 rgb(23,87,87)
```
#125c5c
```
#125c5c rgb(18,92,92)
```
#0e6060
```
#0e6060 rgb(14,96,96)
```
#0a6464
```
#0a6464 rgb(10,100,100)
```
#066868
```
#066868 rgb(6,104,104)
```
#016d6d
```
#016d6d rgb(1,109,109)
```

Tone Color Variation

Below, you can see how #303e3e 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

#3a3a3a Achromatopsia 0.005% of the population
#383b3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#464546 Protanopia 1% of men
#4a4349 Deuteranopia 1% of men
#3b474c Tritanopia 0.001% of the population

Trichromacy

#3e4243 Protanomaly 1% of men, 0.01% of women
#404145 Deuteranomaly 6% of men, 0.4% of women
#374347 Tritanomaly 0.01% of the population

#303e3e hex color

#303e3e Color Information

#303e3e Color Conversion

Color Schemes with #303e3e

Alternatives to #303e3e

#303e3e Preview

Shades and Tints of #303e3e

Tones of #303e3e

Color Blindness Simulator