#2f307d hex color

In a RGB color space, hex #2f307d is composed of 18.4% red, 18.8% green and 49% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 61.6% magenta, 0% yellow and 51% black. It has a hue angle of 239.2 degrees, a saturation of 45.3% and a lightness of 33.7%. #2f307d color hex could be obtained by blending #5e60fa with #000000. Closest websafe color is: #333366.

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

● #2f307d color description : Dark moderate blue.

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

Hex triplet	2f307d	`#2f307d`
RGB Decimal	47, 48, 125	`rgb(47,48,125)`
RGB Percent	18.4, 18.8, 49	`rgb(18.4%,18.8%,49%)`
CMYK	62, 62, 0, 51
HSL	239.2°, 45.3, 33.7	`hsl(239.2,45.3%,33.7%)`
HSV (or HSB)	239.2°, 62.4, 49
Web Safe	333366	`#333366`

CIE-LAB	24.318, 24.528, -43.984
XYZ	5.93, 4.199, 19.899
xyY	0.197, 0.14, 4.199
CIE-LCH	24.318, 50.361, 299.147
CIE-LUV	24.318, -4.235, -55.168
Hunter-Lab	20.491, 15.801, -43.234
Binary	00101111, 00110000, 01111101

#2f307d
```
#2f307d rgb(47,48,125)
```
#7d7c2f
```
#7d7c2f rgb(125,124,47)
```

Complementary Color

#2f577d
```
#2f577d rgb(47,87,125)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#552f7d
```
#552f7d rgb(85,47,125)
```

Analogous Color

#577d2f
```
#577d2f rgb(87,125,47)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#7d552f
```
#7d552f rgb(125,85,47)
```

Split Complementary Color

#307d2f
```
#307d2f rgb(48,125,47)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#7d2f30
```
#7d2f30 rgb(125,47,48)
```

Triadic Color

#2f7d7c
```
#2f7d7c rgb(47,125,124)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#7d2f30
```
#7d2f30 rgb(125,47,48)
```
#7d7c2f
```
#7d7c2f rgb(125,124,47)
```

Tetradic Color

#1a1b45
```
#1a1b45 rgb(26,27,69)
```
#212258
```
#212258 rgb(33,34,88)
```
#28296a
```
#28296a rgb(40,41,106)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#363790
```
#363790 rgb(54,55,144)
```
#3d3ea2
```
#3d3ea2 rgb(61,62,162)
```
#4445b5
```
#4445b5 rgb(68,69,181)
```

Monochromatic Color

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

#2f447d
```
#2f447d rgb(47,68,125)
```
#2f3d7d
```
#2f3d7d rgb(47,61,125)
```
#2f377d
```
#2f377d rgb(47,55,125)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#352f7d
```
#352f7d rgb(53,47,125)
```
#3b2f7d
```
#3b2f7d rgb(59,47,125)
```
#422f7d
```
#422f7d rgb(66,47,125)
```

Similar Colors

Text with hexadecimal color #2f307d

This text has a font color of #2f307d.

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

#2f307d background color

This paragraph has a background color of #2f307d.

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

#2f307d border color

This element has a border color of #2f307d.

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

CSS codes

.text {color:#2f307d;}

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

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

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, #04040b is the darkest color, while #fcfcfe is the lightest one.

#04040b
```
#04040b rgb(4,4,11)
```
#090a19
```
#090a19 rgb(9,10,25)
```
#0f0f27
```
#0f0f27 rgb(15,15,39)
```
#141536
```
#141536 rgb(20,21,54)
```
#1a1a44
```
#1a1a44 rgb(26,26,68)
```
#1f2052
```
#1f2052 rgb(31,32,82)
```
#242560
```
#242560 rgb(36,37,96)
```
#2a2b6f
```
#2a2b6f rgb(42,43,111)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#34358b
```
#34358b rgb(52,53,139)
```
#3a3b9a
```
#3a3b9a rgb(58,59,154)
```
#3f40a8
```
#3f40a8 rgb(63,64,168)
```
#4446b6
```
#4446b6 rgb(68,70,182)
```

Shade Color Variation

#5152bd
```
#5152bd rgb(81,82,189)
```
#5f60c3
```
#5f60c3 rgb(95,96,195)
```
#6d6ec8
```
#6d6ec8 rgb(109,110,200)
```
#7b7cce
```
#7b7cce rgb(123,124,206)
```
#8a8bd3
```
#8a8bd3 rgb(138,139,211)
```
#9899d8
```
#9899d8 rgb(152,153,216)
```
#a6a7de
```
#a6a7de rgb(166,167,222)
```
#b4b5e3
```
#b4b5e3 rgb(180,181,227)
```
#c3c3e8
```
#c3c3e8 rgb(195,195,232)
```
#d1d1ee
```
#d1d1ee rgb(209,209,238)
```
#dfdff3
```
#dfdff3 rgb(223,223,243)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50505c is the less saturated color, while #0103ab is the most saturated one.

#50505c
```
#50505c rgb(80,80,92)
```
#494a63
```
#494a63 rgb(73,74,99)
```
#434369
```
#434369 rgb(67,67,105)
```
#3c3d70
```
#3c3d70 rgb(60,61,112)
```
#363676
```
#363676 rgb(54,54,118)
```
#2f307d
```
#2f307d rgb(47,48,125)
```
#282a84
```
#282a84 rgb(40,42,132)
```
#22238a
```
#22238a rgb(34,35,138)
```
#1b1d91
```
#1b1d91 rgb(27,29,145)
```
#151697
```
#151697 rgb(21,22,151)
```
#0e109e
```
#0e109e rgb(14,16,158)
```
#0709a5
```
#0709a5 rgb(7,9,165)
```
#0103ab
```
#0103ab rgb(1,3,171)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#363646 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004181 Protanopia 1% of men
#004571 Deuteranopia 1% of men
#174a4f Tritanopia 0.001% of the population

Trichromacy

#113b7f Protanomaly 1% of men, 0.01% of women
#113d75 Deuteranomaly 6% of men, 0.4% of women
#1f4060 Tritanomaly 0.01% of the population

#2f307d hex color

#2f307d Color Information

#2f307d Color Conversion

Color Schemes with #2f307d

Alternatives to #2f307d

#2f307d Preview

Shades and Tints of #2f307d

Tones of #2f307d

Color Blindness Simulator