#2d6475 hex color

In a RGB color space, hex #2d6475 is composed of 17.6% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 14.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 194.2 degrees, a saturation of 44.4% and a lightness of 31.8%. #2d6475 color hex could be obtained by blending #5ac8ea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 39
- B 46
RGB color chart
- C 62
- M 15
- Y 0
- K 54
CMYK color chart

● #2d6475 color description : Dark moderate cyan.

The hexadecimal color #2d6475 has RGB values of R:45, G:100, B:117 and CMYK values of C:0.62, M:0.15, Y:0, K:0.54. Its decimal value is 2974837.

Hex triplet	2d6475	`#2d6475`
RGB Decimal	45, 100, 117	`rgb(45,100,117)`
RGB Percent	17.6, 39.2, 45.9	`rgb(17.6%,39.2%,45.9%)`
CMYK	62, 15, 0, 54
HSL	194.2°, 44.4, 31.8	`hsl(194.2,44.4%,31.8%)`
HSV (or HSB)	194.2°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	39.506, -12.632, -15.027
XYZ	8.849, 10.956, 18.477
xyY	0.231, 0.286, 10.956
CIE-LCH	39.506, 19.631, 229.948
CIE-LUV	39.506, -22.088, -19.021
Hunter-Lab	33.1, -10.202, -9.927
Binary	00101101, 01100100, 01110101

#2d6475
```
#2d6475 rgb(45,100,117)
```
#753e2d
```
#753e2d rgb(117,62,45)
```

Complementary Color

#2d7562
```
#2d7562 rgb(45,117,98)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#2d4075
```
#2d4075 rgb(45,64,117)
```

Analogous Color

#75622d
```
#75622d rgb(117,98,45)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#752d40
```
#752d40 rgb(117,45,64)
```

Split Complementary Color

#64752d
```
#64752d rgb(100,117,45)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#752d64
```
#752d64 rgb(117,45,100)
```

Triadic Color

#2d753e
```
#2d753e rgb(45,117,62)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#752d64
```
#752d64 rgb(117,45,100)
```
#753e2d
```
#753e2d rgb(117,62,45)
```

Tetradic Color

#18353e
```
#18353e rgb(24,53,62)
```
#1f4550
```
#1f4550 rgb(31,69,80)
```
#265463
```
#265463 rgb(38,84,99)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#347487
```
#347487 rgb(52,116,135)
```
#3b839a
```
#3b839a rgb(59,131,154)
```
#4293ac
```
#4293ac rgb(66,147,172)
```

Monochromatic Color

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

#2d7574
```
#2d7574 rgb(45,117,116)
```
#2d7075
```
#2d7075 rgb(45,112,117)
```
#2d6a75
```
#2d6a75 rgb(45,106,117)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#2d5e75
```
#2d5e75 rgb(45,94,117)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#2d5275
```
#2d5275 rgb(45,82,117)
```

Similar Colors

Text with hexadecimal color #2d6475

This text has a font color of #2d6475.

<span style="color:#2d6475;">Text here</span>

#2d6475 background color

This paragraph has a background color of #2d6475.

<p style="background-color:#2d6475;">Content here</p>

#2d6475 border color

This element has a border color of #2d6475.

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

CSS codes

.text {color:#2d6475;}

.background {background-color:#2d6475;}

.border {border:1px solid #2d6475;}

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

#010304
```
#010304 rgb(1,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0c1b20
```
#0c1b20 rgb(12,27,32)
```
#12272e
```
#12272e rgb(18,39,46)
```
#17343c
```
#17343c rgb(23,52,60)
```
#1d404b
```
#1d404b rgb(29,64,75)
```
#224c59
```
#224c59 rgb(34,76,89)
```
#285867
```
#285867 rgb(40,88,103)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#327083
```
#327083 rgb(50,112,131)
```
#387c91
```
#387c91 rgb(56,124,145)
```
#3d88a0
```
#3d88a0 rgb(61,136,160)
```
#4394ae
```
#4394ae rgb(67,148,174)
```

Shade Color Variation

#4b9fba
```
#4b9fba rgb(75,159,186)
```
#59a7bf
```
#59a7bf rgb(89,167,191)
```
#67aec4
```
#67aec4 rgb(103,174,196)
```
#75b6ca
```
#75b6ca rgb(117,182,202)
```
#83bdcf
```
#83bdcf rgb(131,189,207)
```
#91c5d5
```
#91c5d5 rgb(145,197,213)
```
#a0ccda
```
#a0ccda rgb(160,204,218)
```
#aed4e0
```
#aed4e0 rgb(174,212,224)
```
#bcdbe5
```
#bcdbe5 rgb(188,219,229)
```
#cae3eb
```
#cae3eb rgb(202,227,235)
```
#d8eaf0
```
#d8eaf0 rgb(216,234,240)
```
#e6f2f6
```
#e6f2f6 rgb(230,242,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c5456 is the less saturated color, while #017ba1 is the most saturated one.

#4c5456
```
#4c5456 rgb(76,84,86)
```
#46575c
```
#46575c rgb(70,87,92)
```
#405a62
```
#405a62 rgb(64,90,98)
```
#395d69
```
#395d69 rgb(57,93,105)
```
#33616f
```
#33616f rgb(51,97,111)
```
#2d6475
```
#2d6475 rgb(45,100,117)
```
#27677b
```
#27677b rgb(39,103,123)
```
#216b81
```
#216b81 rgb(33,107,129)
```
#1a6e88
```
#1a6e88 rgb(26,110,136)
```
#14718e
```
#14718e rgb(20,113,142)
```
#0e7494
```
#0e7494 rgb(14,116,148)
```
#08789a
```
#08789a rgb(8,120,154)
```
#017ba1
```
#017ba1 rgb(1,123,161)
```

Tone Color Variation

Below, you can see how #2d6475 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

#555555 Achromatopsia 0.005% of the population
#4d585b Atypical Achromatopsia 0.001% of the population

Dichromacy

#616477 Protanopia 1% of men
#60637f Deuteranopia 1% of men
#346d75 Tritanopia 0.001% of the population

Trichromacy

#4e6476 Protanomaly 1% of men, 0.01% of women
#4d637b Deuteranomaly 6% of men, 0.4% of women
#316975 Tritanomaly 0.01% of the population

#2d6475 hex color

#2d6475 Color Information

#2d6475 Color Conversion

Color Schemes with #2d6475

Alternatives to #2d6475

#2d6475 Preview

Shades and Tints of #2d6475

Tones of #2d6475

Color Blindness Simulator