#2b307f hex color

In a RGB color space, hex #2b307f is composed of 16.9% red, 18.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 62.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 236.4 degrees, a saturation of 49.4% and a lightness of 33.3%. #2b307f color hex could be obtained by blending #5660fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 19
- B 50
RGB color chart
- C 66
- M 62
- Y 0
- K 50
CMYK color chart

● #2b307f color description : Dark moderate blue.

The hexadecimal color #2b307f has RGB values of R:43, G:48, B:127 and CMYK values of C:0.66, M:0.62, Y:0, K:0.5. Its decimal value is 2830463.

Hex triplet	2b307f	`#2b307f`
RGB Decimal	43, 48, 127	`rgb(43,48,127)`
RGB Percent	16.9, 18.8, 49.8	`rgb(16.9%,18.8%,49.8%)`
CMYK	66, 62, 0, 50
HSL	236.4°, 49.4, 33.3	`hsl(236.4,49.4%,33.3%)`
HSV (or HSB)	236.4°, 66.1, 49.8
Web Safe	333366	`#333366`

CIE-LAB	24.192, 24.545, -45.464
XYZ	5.883, 4.16, 20.57
xyY	0.192, 0.136, 4.16
CIE-LCH	24.192, 51.666, 298.364
CIE-LUV	24.192, -5.283, -56.716
Hunter-Lab	20.395, 15.8, -45.524
Binary	00101011, 00110000, 01111111

#2b307f
```
#2b307f rgb(43,48,127)
```
#7f7a2b
```
#7f7a2b rgb(127,122,43)
```

Complementary Color

#2b5a7f
```
#2b5a7f rgb(43,90,127)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#502b7f
```
#502b7f rgb(80,43,127)
```

Analogous Color

#5a7f2b
```
#5a7f2b rgb(90,127,43)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#7f502b
```
#7f502b rgb(127,80,43)
```

Split Complementary Color

#307f2b
```
#307f2b rgb(48,127,43)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#7f2b30
```
#7f2b30 rgb(127,43,48)
```

Triadic Color

#2b7f7a
```
#2b7f7a rgb(43,127,122)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#7f2b30
```
#7f2b30 rgb(127,43,48)
```
#7f7a2b
```
#7f7a2b rgb(127,122,43)
```

Tetradic Color

#181a46
```
#181a46 rgb(24,26,70)
```
#1e2259
```
#1e2259 rgb(30,34,89)
```
#25296c
```
#25296c rgb(37,41,108)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#313792
```
#313792 rgb(49,55,146)
```
#383ea5
```
#383ea5 rgb(56,62,165)
```
#3e46b8
```
#3e46b8 rgb(62,70,184)
```

Monochromatic Color

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

#2b457f
```
#2b457f rgb(43,69,127)
```
#2b3e7f
```
#2b3e7f rgb(43,62,127)
```
#2b377f
```
#2b377f rgb(43,55,127)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#2d2b7f
```
#2d2b7f rgb(45,43,127)
```
#342b7f
```
#342b7f rgb(52,43,127)
```
#3b2b7f
```
#3b2b7f rgb(59,43,127)
```

Similar Colors

Text with hexadecimal color #2b307f

This text has a font color of #2b307f.

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

#2b307f background color

This paragraph has a background color of #2b307f.

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

#2b307f border color

This element has a border color of #2b307f.

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

CSS codes

.text {color:#2b307f;}

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

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

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, #03040a is the darkest color, while #fafafd is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#080918
```
#080918 rgb(8,9,24)
```
#0d0f27
```
#0d0f27 rgb(13,15,39)
```
#121436
```
#121436 rgb(18,20,54)
```
#171a44
```
#171a44 rgb(23,26,68)
```
#1c1f53
```
#1c1f53 rgb(28,31,83)
```
#212562
```
#212562 rgb(33,37,98)
```
#262a70
```
#262a70 rgb(38,42,112)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#30368e
```
#30368e rgb(48,54,142)
```
#353b9c
```
#353b9c rgb(53,59,156)
```
#3a41ab
```
#3a41ab rgb(58,65,171)
```
#3f46ba
```
#3f46ba rgb(63,70,186)
```

Shade Color Variation

#4a51c2
```
#4a51c2 rgb(74,81,194)
```
#595fc7
```
#595fc7 rgb(89,95,199)
```
#686ecc
```
#686ecc rgb(104,110,204)
```
#767cd1
```
#767cd1 rgb(118,124,209)
```
#858ad6
```
#858ad6 rgb(133,138,214)
```
#9498db
```
#9498db rgb(148,152,219)
```
#a2a6e0
```
#a2a6e0 rgb(162,166,224)
```
#b1b4e5
```
#b1b4e5 rgb(177,180,229)
```
#c0c2ea
```
#c0c2ea rgb(192,194,234)
```
#ced0ee
```
#ced0ee rgb(206,208,238)
```
#dddef3
```
#dddef3 rgb(221,222,243)
```
#ebecf8
```
#ebecf8 rgb(235,236,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525358 is the less saturated color, while #040da6 is the most saturated one.

#525358
```
#525358 rgb(82,83,88)
```
#4c4d5e
```
#4c4d5e rgb(76,77,94)
```
#454765
```
#454765 rgb(69,71,101)
```
#3f416b
```
#3f416b rgb(63,65,107)
```
#383c72
```
#383c72 rgb(56,60,114)
```
#323678
```
#323678 rgb(50,54,120)
```
#2b307f
```
#2b307f rgb(43,48,127)
```
#242a86
```
#242a86 rgb(36,42,134)
```
#1e248c
```
#1e248c rgb(30,36,140)
```
#171f93
```
#171f93 rgb(23,31,147)
```
#111999
```
#111999 rgb(17,25,153)
```
#0a13a0
```
#0a13a0 rgb(10,19,160)
```
#040da6
```
#040da6 rgb(4,13,166)
```

Tone Color Variation

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

Dichromacy

#004180 Protanopia 1% of men
#004570 Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#0f3b80 Protanomaly 1% of men, 0.01% of women
#0f3d75 Deuteranomaly 6% of men, 0.4% of women
#0f4060 Tritanomaly 0.01% of the population

#2b307f hex color

#2b307f Color Information

#2b307f Color Conversion

Color Schemes with #2b307f

Alternatives to #2b307f

#2b307f Preview

Shades and Tints of #2b307f

Tones of #2b307f

Color Blindness Simulator