colorhexa.com

#118be4 hex color

In a RGB color space, hex #118be4 is composed of 6.7% red, 54.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 39% magenta, 0% yellow and 10.6% black. It has a hue angle of 205.3 degrees, a saturation of 86.1% and a lightness of 48%. #118be4 color hex could be obtained by blending #22ffff with #0017c9. Closest websafe color is: #0099cc.

- R 7
- G 55
- B 89
RGB color chart
- C 93
- M 39
- Y 0
- K 11
CMYK color chart

● #118be4 color description : Vivid blue.

The hexadecimal color #118be4 has RGB values of R:17, G:139, B:228 and CMYK values of C:0.93, M:0.39, Y:0, K:0.11. Its decimal value is 1149924.

Hex triplet	118be4	`#118be4`
RGB Decimal	17, 139, 228	`rgb(17,139,228)`
RGB Percent	6.7, 54.5, 89.4	`rgb(6.7%,54.5%,89.4%)`
CMYK	93, 39, 0, 11
HSL	205.3°, 86.1, 48	`hsl(205.3,86.1%,48%)`
HSV (or HSB)	205.3°, 92.5, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.271, 2.145, -53.446
XYZ	23.464, 24.184, 76.826
xyY	0.189, 0.194, 24.184
CIE-LCH	56.271, 53.489, 272.299
CIE-LUV	56.271, -33.393, -84.42
Hunter-Lab	49.177, -0.891, -58.201
Binary	00010001, 10001011, 11100100

#118be4
```
#118be4 rgb(17,139,228)
```
#e46a11
```
#e46a11 rgb(228,106,17)
```

Complementary Color

#11e4d4
```
#11e4d4 rgb(17,228,212)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#1121e4
```
#1121e4 rgb(17,33,228)
```

Analogous Color

#e4d411
```
#e4d411 rgb(228,212,17)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#e41122
```
#e41122 rgb(228,17,34)
```

Split Complementary Color

#8be411
```
#8be411 rgb(139,228,17)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#e4118b
```
#e4118b rgb(228,17,139)
```

Triadic Color

#11e46a
```
#11e46a rgb(17,228,106)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#e4118b
```
#e4118b rgb(228,17,139)
```
#e46a11
```
#e46a11 rgb(228,106,17)
```

Tetradic Color

#0c609d
```
#0c609d rgb(12,96,157)
```
#0d6eb5
```
#0d6eb5 rgb(13,110,181)
```
#0f7dcc
```
#0f7dcc rgb(15,125,204)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#2097ee
```
#2097ee rgb(32,151,238)
```
#38a2f0
```
#38a2f0 rgb(56,162,240)
```
#50adf2
```
#50adf2 rgb(80,173,242)
```

Monochromatic Color

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

#11c0e4
```
#11c0e4 rgb(17,192,228)
```
#11aee4
```
#11aee4 rgb(17,174,228)
```
#119de4
```
#119de4 rgb(17,157,228)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#1179e4
```
#1179e4 rgb(17,121,228)
```
#1168e4
```
#1168e4 rgb(17,104,228)
```
#1156e4
```
#1156e4 rgb(17,86,228)
```

Similar Colors

Text with hexadecimal color #118be4

This text has a font color of #118be4.

<span style="color:#118be4;">Text here</span>

#118be4 background color

This paragraph has a background color of #118be4.

<p style="background-color:#118be4;">Content here</p>

#118be4 border color

This element has a border color of #118be4.

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

CSS codes

.text {color:#118be4;}

.background {background-color:#118be4;}

.border {border:1px solid #118be4;}

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

#010509
```
#010509 rgb(1,5,9)
```
#02111b
```
#02111b rgb(2,17,27)
```
#031c2d
```
#031c2d rgb(3,28,45)
```
#052740
```
#052740 rgb(5,39,64)
```
#063252
```
#063252 rgb(6,50,82)
```
#073d64
```
#073d64 rgb(7,61,100)
```
#094876
```
#094876 rgb(9,72,118)
```
#0a5389
```
#0a5389 rgb(10,83,137)
```
#0c5e9b
```
#0c5e9b rgb(12,94,155)
```
#0d6aad
```
#0d6aad rgb(13,106,173)
```
#0e75bf
```
#0e75bf rgb(14,117,191)
```
#1080d2
```
#1080d2 rgb(16,128,210)
```
#118be4
```
#118be4 rgb(17,139,228)
```

Shade Color Variation

#1b95ee
```
#1b95ee rgb(27,149,238)
```
#2d9def
```
#2d9def rgb(45,157,239)
```
#3fa6f1
```
#3fa6f1 rgb(63,166,241)
```
#51aef2
```
#51aef2 rgb(81,174,242)
```
#64b7f3
```
#64b7f3 rgb(100,183,243)
```
#76bff5
```
#76bff5 rgb(118,191,245)
```
#88c8f6
```
#88c8f6 rgb(136,200,246)
```
#9ad0f8
```
#9ad0f8 rgb(154,208,248)
```
#add9f9
```
#add9f9 rgb(173,217,249)
```
#bfe1fa
```
#bfe1fa rgb(191,225,250)
```
#d1eafc
```
#d1eafc rgb(209,234,252)
```
#e3f2fd
```
#e3f2fd rgb(227,242,253)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b7c is the less saturated color, while #088ced is the most saturated one.

#797b7c
```
#797b7c rgb(121,123,124)
```
#6f7c86
```
#6f7c86 rgb(111,124,134)
```
#667e8f
```
#667e8f rgb(102,126,143)
```
#5c7f99
```
#5c7f99 rgb(92,127,153)
```
#5381a2
```
#5381a2 rgb(83,129,162)
```
#4a82ab
```
#4a82ab rgb(74,130,171)
```
#4084b5
```
#4084b5 rgb(64,132,181)
```
#3785be
```
#3785be rgb(55,133,190)
```
#2d87c8
```
#2d87c8 rgb(45,135,200)
```
#2488d1
```
#2488d1 rgb(36,136,209)
```
#1a8adb
```
#1a8adb rgb(26,138,219)
```
#118be4
```
#118be4 rgb(17,139,228)
```
#088ced
```
#088ced rgb(8,140,237)
```

Tone Color Variation

Below, you can see how #118be4 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

#717171 Achromatopsia 0.005% of the population
#5e7688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#668adf Protanopia 1% of men
#408ee6 Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#478ae1 Protanomaly 1% of men, 0.01% of women
#2f8de5 Deuteranomaly 6% of men, 0.4% of women
#0695bb Tritanomaly 0.01% of the population