#2f308b hex color

In a RGB color space, hex #2f308b is composed of 18.4% red, 18.8% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 65.5% magenta, 0% yellow and 45.5% black. It has a hue angle of 239.3 degrees, a saturation of 49.5% and a lightness of 36.5%. #2f308b color hex could be obtained by blending #5e60ff with #000017. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 19
- B 55
RGB color chart
- C 66
- M 65
- Y 0
- K 45
CMYK color chart

● #2f308b color description : Dark moderate blue.

The hexadecimal color #2f308b has RGB values of R:47, G:48, B:139 and CMYK values of C:0.66, M:0.65, Y:0, K:0.45. Its decimal value is 3092619.

Hex triplet	2f308b	`#2f308b`
RGB Decimal	47, 48, 139	`rgb(47,48,139)`
RGB Percent	18.4, 18.8, 54.5	`rgb(18.4%,18.8%,54.5%)`
CMYK	66, 65, 0, 45
HSL	239.3°, 49.5, 36.5	`hsl(239.3,49.5%,36.5%)`
HSV (or HSB)	239.3°, 66.2, 54.5
Web Safe	333399	`#333399`

CIE-LAB	25.509, 29.546, -50.813
XYZ	6.889, 4.582, 24.946
xyY	0.189, 0.126, 4.582
CIE-LCH	25.509, 58.779, 300.177
CIE-LUV	25.509, -4.876, -64.417
Hunter-Lab	21.406, 19.983, -54.113
Binary	00101111, 00110000, 10001011

#2f308b
```
#2f308b rgb(47,48,139)
```
#8b8a2f
```
#8b8a2f rgb(139,138,47)
```

Complementary Color

#2f5e8b
```
#2f5e8b rgb(47,94,139)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#5c2f8b
```
#5c2f8b rgb(92,47,139)
```

Analogous Color

#5e8b2f
```
#5e8b2f rgb(94,139,47)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#8b5c2f
```
#8b5c2f rgb(139,92,47)
```

Split Complementary Color

#308b2f
```
#308b2f rgb(48,139,47)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#8b2f30
```
#8b2f30 rgb(139,47,48)
```

Triadic Color

#2f8b8a
```
#2f8b8a rgb(47,139,138)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#8b2f30
```
#8b2f30 rgb(139,47,48)
```
#8b8a2f
```
#8b8a2f rgb(139,138,47)
```

Tetradic Color

#1c1c52
```
#1c1c52 rgb(28,28,82)
```
#222365
```
#222365 rgb(34,35,101)
```
#292978
```
#292978 rgb(41,41,120)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#35379e
```
#35379e rgb(53,55,158)
```
#3c3db1
```
#3c3db1 rgb(60,61,177)
```
#4647c0
```
#4647c0 rgb(70,71,192)
```

Monochromatic Color

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

#2f478b
```
#2f478b rgb(47,71,139)
```
#2f3f8b
```
#2f3f8b rgb(47,63,139)
```
#2f388b
```
#2f388b rgb(47,56,139)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#362f8b
```
#362f8b rgb(54,47,139)
```
#3d2f8b
```
#3d2f8b rgb(61,47,139)
```
#452f8b
```
#452f8b rgb(69,47,139)
```

Similar Colors

Text with hexadecimal color #2f308b

This text has a font color of #2f308b.

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

#2f308b background color

This paragraph has a background color of #2f308b.

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

#2f308b border color

This element has a border color of #2f308b.

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

CSS codes

.text {color:#2f308b;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070816
```
#070816 rgb(7,8,22)
```
#0c0d24
```
#0c0d24 rgb(12,13,36)
```
#111233
```
#111233 rgb(17,18,51)
```
#161742
```
#161742 rgb(22,23,66)
```
#1b1c50
```
#1b1c50 rgb(27,28,80)
```
#20215f
```
#20215f rgb(32,33,95)
```
#25266e
```
#25266e rgb(37,38,110)
```
#2a2b7c
```
#2a2b7c rgb(42,43,124)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#34359a
```
#34359a rgb(52,53,154)
```
#393aa8
```
#393aa8 rgb(57,58,168)
```
#3e3fb7
```
#3e3fb7 rgb(62,63,183)
```

Shade Color Variation

#4849c1
```
#4849c1 rgb(72,73,193)
```
#5657c6
```
#5657c6 rgb(86,87,198)
```
#6566cb
```
#6566cb rgb(101,102,203)
```
#7374d0
```
#7374d0 rgb(115,116,208)
```
#8283d5
```
#8283d5 rgb(130,131,213)
```
#9192da
```
#9192da rgb(145,146,218)
```
#9fa0df
```
#9fa0df rgb(159,160,223)
```
#aeafe4
```
#aeafe4 rgb(174,175,228)
```
#bdbde9
```
#bdbde9 rgb(189,189,233)
```
#cbccee
```
#cbccee rgb(203,204,238)
```
#dadaf3
```
#dadaf3 rgb(218,218,243)
```
#e9e9f7
```
#e9e9f7 rgb(233,233,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#5a5a60
```
#5a5a60 rgb(90,90,96)
```
#535367
```
#535367 rgb(83,83,103)
```
#4c4c6e
```
#4c4c6e rgb(76,76,110)
```
#444576
```
#444576 rgb(68,69,118)
```
#3d3e7d
```
#3d3e7d rgb(61,62,125)
```
#363784
```
#363784 rgb(54,55,132)
```
#2f308b
```
#2f308b rgb(47,48,139)
```
#282992
```
#282992 rgb(40,41,146)
```
#212299
```
#212299 rgb(33,34,153)
```
#1a1ba0
```
#1a1ba0 rgb(26,27,160)
```
#1214a8
```
#1214a8 rgb(18,20,168)
```
#0b0daf
```
#0b0daf rgb(11,13,175)
```
#0406b6
```
#0406b6 rgb(4,6,182)
```

Tone Color Variation

Below, you can see how #2f308b 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
#38384a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004874 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#113d87 Protanomaly 1% of men, 0.01% of women
#113f7c Deuteranomaly 6% of men, 0.4% of women
#114267 Tritanomaly 0.01% of the population

#2f308b hex color

#2f308b Color Information

#2f308b Color Conversion

Color Schemes with #2f308b

Alternatives to #2f308b

#2f308b Preview

Shades and Tints of #2f308b

Tones of #2f308b

Color Blindness Simulator