colorhexa.com

#212f75 hex color

In a RGB color space, hex #212f75 is composed of 12.9% red, 18.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 59.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 230 degrees, a saturation of 56% and a lightness of 29.4%. #212f75 color hex could be obtained by blending #425eea with #000000. Closest websafe color is: #333366.

- R 13
- G 18
- B 46
RGB color chart
- C 72
- M 60
- Y 0
- K 54
CMYK color chart

● #212f75 color description : Dark blue.

The hexadecimal color #212f75 has RGB values of R:33, G:47, B:117 and CMYK values of C:0.72, M:0.6, Y:0, K:0.54. Its decimal value is 2174837.

Hex triplet	212f75	`#212f75`
RGB Decimal	33, 47, 117	`rgb(33,47,117)`
RGB Percent	12.9, 18.4, 45.9	`rgb(12.9%,18.4%,45.9%)`
CMYK	72, 60, 0, 54
HSL	230°, 56, 29.4	`hsl(230,56%,29.4%)`
HSV (or HSB)	230°, 71.8, 45.9
Web Safe	333366	`#333366`

CIE-LAB	22.445, 19.793, -41.988
XYZ	4.854, 3.64, 17.276
xyY	0.188, 0.141, 3.64
CIE-LCH	22.445, 46.419, 295.239
CIE-LUV	22.445, -6.82, -50.75
Hunter-Lab	19.08, 12.021, -40.327
Binary	00100001, 00101111, 01110101

#212f75
```
#212f75 rgb(33,47,117)
```
#756721
```
#756721 rgb(117,103,33)
```

Complementary Color

#215975
```
#215975 rgb(33,89,117)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#3d2175
```
#3d2175 rgb(61,33,117)
```

Analogous Color

#597521
```
#597521 rgb(89,117,33)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#753d21
```
#753d21 rgb(117,61,33)
```

Split Complementary Color

#2f7521
```
#2f7521 rgb(47,117,33)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#75212f
```
#75212f rgb(117,33,47)
```

Triadic Color

#217567
```
#217567 rgb(33,117,103)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#75212f
```
#75212f rgb(117,33,47)
```
#756721
```
#756721 rgb(117,103,33)
```

Tetradic Color

#101739
```
#101739 rgb(16,23,57)
```
#161f4d
```
#161f4d rgb(22,31,77)
```
#1b2761
```
#1b2761 rgb(27,39,97)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#273789
```
#273789 rgb(39,55,137)
```
#2c3f9d
```
#2c3f9d rgb(44,63,157)
```
#3247b1
```
#3247b1 rgb(50,71,177)
```

Monochromatic Color

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

#214475
```
#214475 rgb(33,68,117)
```
#213d75
```
#213d75 rgb(33,61,117)
```
#213675
```
#213675 rgb(33,54,117)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#212875
```
#212875 rgb(33,40,117)
```
#212175
```
#212175 rgb(33,33,117)
```
#282175
```
#282175 rgb(40,33,117)
```

Similar Colors

Text with hexadecimal color #212f75

This text has a font color of #212f75.

<span style="color:#212f75;">Text here</span>

#212f75 background color

This paragraph has a background color of #212f75.

<p style="background-color:#212f75;">Content here</p>

#212f75 border color

This element has a border color of #212f75.

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

CSS codes

.text {color:#212f75;}

.background {background-color:#212f75;}

.border {border:1px solid #212f75;}

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)
```
#070a19
```
#070a19 rgb(7,10,25)
```
#0b1029
```
#0b1029 rgb(11,16,41)
```
#101638
```
#101638 rgb(16,22,56)
```
#141d47
```
#141d47 rgb(20,29,71)
```
#182356
```
#182356 rgb(24,35,86)
```
#1d2966
```
#1d2966 rgb(29,41,102)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#253584
```
#253584 rgb(37,53,132)
```
#2a3b94
```
#2a3b94 rgb(42,59,148)
```
#2e41a3
```
#2e41a3 rgb(46,65,163)
```
#3248b2
```
#3248b2 rgb(50,72,178)
```
#374ec2
```
#374ec2 rgb(55,78,194)
```

Shade Color Variation

#4259ca
```
#4259ca rgb(66,89,202)
```
#5166ce
```
#5166ce rgb(81,102,206)
```
#6174d2
```
#6174d2 rgb(97,116,210)
```
#7081d7
```
#7081d7 rgb(112,129,215)
```
#7f8edb
```
#7f8edb rgb(127,142,219)
```
#8f9cdf
```
#8f9cdf rgb(143,156,223)
```
#9ea9e4
```
#9ea9e4 rgb(158,169,228)
```
#adb7e8
```
#adb7e8 rgb(173,183,232)
```
#bcc4ec
```
#bcc4ec rgb(188,196,236)
```
#ccd2f1
```
#ccd2f1 rgb(204,210,241)
```
#dbdff5
```
#dbdff5 rgb(219,223,245)
```
#eaedf9
```
#eaedf9 rgb(234,237,249)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494a4d is the less saturated color, while #041c92 is the most saturated one.

#494a4d
```
#494a4d rgb(73,74,77)
```
#444652
```
#444652 rgb(68,70,82)
```
#3e4258
```
#3e4258 rgb(62,66,88)
```
#383e5e
```
#383e5e rgb(56,62,94)
```
#323b64
```
#323b64 rgb(50,59,100)
```
#2d3769
```
#2d3769 rgb(45,55,105)
```
#27336f
```
#27336f rgb(39,51,111)
```
#212f75
```
#212f75 rgb(33,47,117)
```
#1b2b7b
```
#1b2b7b rgb(27,43,123)
```
#152781
```
#152781 rgb(21,39,129)
```
#102386
```
#102386 rgb(16,35,134)
```
#0a208c
```
#0a208c rgb(10,32,140)
```
#041c92
```
#041c92 rgb(4,28,146)
```

Tone Color Variation

Below, you can see how #212f75 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

#333333 Achromatopsia 0.005% of the population
#2f3240 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e79 Protanopia 1% of men
#00416a Deuteranopia 1% of men
#00464b Tritanopia 0.001% of the population

Trichromacy

#0c3878 Protanomaly 1% of men, 0.01% of women
#0c3a6e Deuteranomaly 6% of men, 0.4% of women
#0c3d5a Tritanomaly 0.01% of the population