#164be3 hex color

In a RGB color space, hex #164be3 is composed of 8.6% red, 29.4% green and 89% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 67% magenta, 0% yellow and 11% black. It has a hue angle of 224.5 degrees, a saturation of 82.3% and a lightness of 48.8%. #164be3 color hex could be obtained by blending #2c96ff with #0000c7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 9
- G 29
- B 89
RGB color chart
- C 90
- M 67
- Y 0
- K 11
CMYK color chart

● #164be3 color description : Vivid blue.

The hexadecimal color #164be3 has RGB values of R:22, G:75, B:227 and CMYK values of C:0.9, M:0.67, Y:0, K:0.11. Its decimal value is 1461219.

Hex triplet	164be3	`#164be3`
RGB Decimal	22, 75, 227	`rgb(22,75,227)`
RGB Percent	8.6, 29.4, 89	`rgb(8.6%,29.4%,89%)`
CMYK	90, 67, 0, 11
HSL	224.5°, 82.3, 48.8	`hsl(224.5,82.3%,48.8%)`
HSV (or HSB)	224.5°, 90.3, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	39.152, 42.374, -80.643
XYZ	16.709, 10.747, 73.863
xyY	0.165, 0.106, 10.747
CIE-LCH	39.152, 91.098, 297.72
CIE-LUV	39.152, -15.545, -115.141
Hunter-Lab	32.783, 33.608, -110.636
Binary	00010110, 01001011, 11100011

#164be3
```
#164be3 rgb(22,75,227)
```
#e3ae16
```
#e3ae16 rgb(227,174,22)
```

Complementary Color

#16b2e3
```
#16b2e3 rgb(22,178,227)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#4716e3
```
#4716e3 rgb(71,22,227)
```

Analogous Color

#b2e316
```
#b2e316 rgb(178,227,22)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#e34716
```
#e34716 rgb(227,71,22)
```

Split Complementary Color

#4be316
```
#4be316 rgb(75,227,22)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#e3164b
```
#e3164b rgb(227,22,75)
```

Triadic Color

#16e3ae
```
#16e3ae rgb(22,227,174)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#e3164b
```
#e3164b rgb(227,22,75)
```
#e3ae16
```
#e3ae16 rgb(227,174,22)
```

Tetradic Color

#0f349d
```
#0f349d rgb(15,52,157)
```
#113cb5
```
#113cb5 rgb(17,60,181)
```
#1443cc
```
#1443cc rgb(20,67,204)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#285aea
```
#285aea rgb(40,90,234)
```
#406cec
```
#406cec rgb(64,108,236)
```
#577eef
```
#577eef rgb(87,126,239)
```

Monochromatic Color

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

#167ee3
```
#167ee3 rgb(22,126,227)
```
#166de3
```
#166de3 rgb(22,109,227)
```
#165ce3
```
#165ce3 rgb(22,92,227)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#163ae3
```
#163ae3 rgb(22,58,227)
```
#1629e3
```
#1629e3 rgb(22,41,227)
```
#1618e3
```
#1618e3 rgb(22,24,227)
```

Similar Colors

Text with hexadecimal color #164be3

This text has a font color of #164be3.

<span style="color:#164be3;">Text here</span>

#164be3 background color

This paragraph has a background color of #164be3.

<p style="background-color:#164be3;">Content here</p>

#164be3 border color

This element has a border color of #164be3.

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

CSS codes

.text {color:#164be3;}

.background {background-color:#164be3;}

.border {border:1px solid #164be3;}

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, #01040c is the darkest color, while #fafbfe is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#030a1e
```
#030a1e rgb(3,10,30)
```
#051030
```
#051030 rgb(5,16,48)
```
#061642
```
#061642 rgb(6,22,66)
```
#081c54
```
#081c54 rgb(8,28,84)
```
#0a2266
```
#0a2266 rgb(10,34,102)
```
#0c2878
```
#0c2878 rgb(12,40,120)
```
#0d2d8a
```
#0d2d8a rgb(13,45,138)
```
#0f339b
```
#0f339b rgb(15,51,155)
```
#1139ad
```
#1139ad rgb(17,57,173)
```
#133fbf
```
#133fbf rgb(19,63,191)
```
#1445d1
```
#1445d1 rgb(20,69,209)
```
#164be3
```
#164be3 rgb(22,75,227)
```

Shade Color Variation

#2356ea
```
#2356ea rgb(35,86,234)
```
#3564eb
```
#3564eb rgb(53,100,235)
```
#4772ed
```
#4772ed rgb(71,114,237)
```
#597fef
```
#597fef rgb(89,127,239)
```
#6a8df1
```
#6a8df1 rgb(106,141,241)
```
#7c9bf2
```
#7c9bf2 rgb(124,155,242)
```
#8ea9f4
```
#8ea9f4 rgb(142,169,244)
```
#a0b6f6
```
#a0b6f6 rgb(160,182,246)
```
#b2c4f8
```
#b2c4f8 rgb(178,196,248)
```
#c4d2f9
```
#c4d2f9 rgb(196,210,249)
```
#d6dffb
```
#d6dffb rgb(214,223,251)
```
#e8edfd
```
#e8edfd rgb(232,237,253)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#767983
```
#767983 rgb(118,121,131)
```
#6c758d
```
#6c758d rgb(108,117,141)
```
#637096
```
#637096 rgb(99,112,150)
```
#596ba0
```
#596ba0 rgb(89,107,160)
```
#4f67aa
```
#4f67aa rgb(79,103,170)
```
#4662b3
```
#4662b3 rgb(70,98,179)
```
#3c5dbd
```
#3c5dbd rgb(60,93,189)
```
#3359c6
```
#3359c6 rgb(51,89,198)
```
#2954d0
```
#2954d0 rgb(41,84,208)
```
#2050d9
```
#2050d9 rgb(32,80,217)
```
#164be3
```
#164be3 rgb(22,75,227)
```
#0c46ed
```
#0c46ed rgb(12,70,237)
```
#0342f6
```
#0342f6 rgb(3,66,246)
```

Tone Color Variation

Below, you can see how #164be3 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

#4c4c4c Achromatopsia 0.005% of the population
#414c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#0859cb Protanomaly 1% of men, 0.01% of women
#085dbb Deuteranomaly 6% of men, 0.4% of women
#08619c Tritanomaly 0.01% of the population

#164be3 hex color

#164be3 Color Information

#164be3 Color Conversion

Color Schemes with #164be3

Alternatives to #164be3

#164be3 Preview

Shades and Tints of #164be3

Tones of #164be3

Color Blindness Simulator