#307d7d hex color

In a RGB color space, hex #307d7d is composed of 18.8% red, 49% green and 49% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 0% magenta, 0% yellow and 51% black. It has a hue angle of 180 degrees, a saturation of 44.5% and a lightness of 33.9%. #307d7d color hex could be obtained by blending #60fafa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 49
- B 49
RGB color chart
- C 62
- M 0
- Y 0
- K 51
CMYK color chart

● #307d7d color description : Dark moderate cyan.

The hexadecimal color #307d7d has RGB values of R:48, G:125, B:125 and CMYK values of C:0.62, M:0, Y:0, K:0.51. Its decimal value is 3177853.

Hex triplet	307d7d	`#307d7d`
RGB Decimal	48, 125, 125	`rgb(48,125,125)`
RGB Percent	18.8, 49, 49	`rgb(18.8%,49%,49%)`
CMYK	62, 0, 0, 51
HSL	180°, 44.5, 33.9	`hsl(180,44.5%,33.9%)`
HSV (or HSB)	180°, 61.6, 49
Web Safe	336666	`#336666`

CIE-LAB	47.976, -23.173, -7.044
XYZ	12.253, 16.775, 21.993
xyY	0.24, 0.329, 16.775
CIE-LCH	47.976, 24.22, 196.909
CIE-LUV	47.976, -30.72, -6.634
Hunter-Lab	40.958, -18.275, -3.167
Binary	00110000, 01111101, 01111101

#307d7d
```
#307d7d rgb(48,125,125)
```
#7d3030
```
#7d3030 rgb(125,48,48)
```

Complementary Color

#307d57
```
#307d57 rgb(48,125,87)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#30577d
```
#30577d rgb(48,87,125)
```

Analogous Color

#7d5730
```
#7d5730 rgb(125,87,48)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```

Split Complementary Color

#7d7d30
```
#7d7d30 rgb(125,125,48)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#7d307d
```
#7d307d rgb(125,48,125)
```

Triadic Color

#307d30
```
#307d30 rgb(48,125,48)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#7d307d
```
#7d307d rgb(125,48,125)
```
#7d3030
```
#7d3030 rgb(125,48,48)
```

Tetradic Color

#1b4646
```
#1b4646 rgb(27,70,70)
```
#225858
```
#225858 rgb(34,88,88)
```
#296b6b
```
#296b6b rgb(41,107,107)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#378f8f
```
#378f8f rgb(55,143,143)
```
#3ea2a2
```
#3ea2a2 rgb(62,162,162)
```
#45b4b4
```
#45b4b4 rgb(69,180,180)
```

Monochromatic Color

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

#307d6a
```
#307d6a rgb(48,125,106)
```
#307d70
```
#307d70 rgb(48,125,112)
```
#307d77
```
#307d77 rgb(48,125,119)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#30777d
```
#30777d rgb(48,119,125)
```
#30707d
```
#30707d rgb(48,112,125)
```
#306a7d
```
#306a7d rgb(48,106,125)
```

Similar Colors

Text with hexadecimal color #307d7d

This text has a font color of #307d7d.

<span style="color:#307d7d;">Text here</span>

#307d7d background color

This paragraph has a background color of #307d7d.

<p style="background-color:#307d7d;">Content here</p>

#307d7d border color

This element has a border color of #307d7d.

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

CSS codes

.text {color:#307d7d;}

.background {background-color:#307d7d;}

.border {border:1px solid #307d7d;}

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

#040c0c
```
#040c0c rgb(4,12,12)
```
#0a1a1a
```
#0a1a1a rgb(10,26,26)
```
#0f2828
```
#0f2828 rgb(15,40,40)
```
#153636
```
#153636 rgb(21,54,54)
```
#1a4444
```
#1a4444 rgb(26,68,68)
```
#205252
```
#205252 rgb(32,82,82)
```
#256161
```
#256161 rgb(37,97,97)
```
#2b6f6f
```
#2b6f6f rgb(43,111,111)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#358b8b
```
#358b8b rgb(53,139,139)
```
#3b9999
```
#3b9999 rgb(59,153,153)
```
#40a8a8
```
#40a8a8 rgb(64,168,168)
```
#46b6b6
```
#46b6b6 rgb(70,182,182)
```

Shade Color Variation

#52bdbd
```
#52bdbd rgb(82,189,189)
```
#61c2c2
```
#61c2c2 rgb(97,194,194)
```
#6fc8c8
```
#6fc8c8 rgb(111,200,200)
```
#7dcdcd
```
#7dcdcd rgb(125,205,205)
```
#8bd2d2
```
#8bd2d2 rgb(139,210,210)
```
#99d8d8
```
#99d8d8 rgb(153,216,216)
```
#a7dddd
```
#a7dddd rgb(167,221,221)
```
#b6e3e3
```
#b6e3e3 rgb(182,227,227)
```
#c4e8e8
```
#c4e8e8 rgb(196,232,232)
```
#d2eeee
```
#d2eeee rgb(210,238,238)
```
#e0f3f3
```
#e0f3f3 rgb(224,243,243)
```
#eef9f9
```
#eef9f9 rgb(238,249,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515c5c is the less saturated color, while #01acac is the most saturated one.

#515c5c
```
#515c5c rgb(81,92,92)
```
#4b6262
```
#4b6262 rgb(75,98,98)
```
#446969
```
#446969 rgb(68,105,105)
```
#3d7070
```
#3d7070 rgb(61,112,112)
```
#377676
```
#377676 rgb(55,118,118)
```
#307d7d
```
#307d7d rgb(48,125,125)
```
#298484
```
#298484 rgb(41,132,132)
```
#238a8a
```
#238a8a rgb(35,138,138)
```
#1c9191
```
#1c9191 rgb(28,145,145)
```
#159898
```
#159898 rgb(21,152,152)
```
#0f9e9e
```
#0f9e9e rgb(15,158,158)
```
#08a5a5
```
#08a5a5 rgb(8,165,165)
```
#01acac
```
#01acac rgb(1,172,172)
```

Tone Color Variation

Below, you can see how #307d7d 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

#666666 Achromatopsia 0.005% of the population
#5b6b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#79787d Protanopia 1% of men
#7c7688 Deuteranopia 1% of men
#3f828b Tritanopia 0.001% of the population

Trichromacy

#5f7a7d Protanomaly 1% of men, 0.01% of women
#607884 Deuteranomaly 6% of men, 0.4% of women
#398086 Tritanomaly 0.01% of the population

#307d7d hex color

#307d7d Color Information

#307d7d Color Conversion

Color Schemes with #307d7d

Alternatives to #307d7d

#307d7d Preview

Shades and Tints of #307d7d

Tones of #307d7d

Color Blindness Simulator