#4495bb hex color

In a RGB color space, hex #4495bb is composed of 26.7% red, 58.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 20.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 199.2 degrees, a saturation of 46.7% and a lightness of 50%. #4495bb color hex could be obtained by blending #88ffff with #002b77. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 58
- B 73
RGB color chart
- C 64
- M 20
- Y 0
- K 27
CMYK color chart

● #4495bb color description : Moderate blue.

The hexadecimal color #4495bb has RGB values of R:68, G:149, B:187 and CMYK values of C:0.64, M:0.2, Y:0, K:0.27. Its decimal value is 4494779.

Hex triplet	4495bb	`#4495bb`
RGB Decimal	68, 149, 187	`rgb(68,149,187)`
RGB Percent	26.7, 58.4, 73.3	`rgb(26.7%,58.4%,73.3%)`
CMYK	64, 20, 0, 27
HSL	199.2°, 46.7, 50	`hsl(199.2,46.7%,50%)`
HSV (or HSB)	199.2°, 63.6, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.33, -12.935, -27.09
XYZ	22.099, 26.31, 50.925
xyY	0.222, 0.265, 26.31
CIE-LCH	58.33, 30.02, 244.476
CIE-LUV	58.33, -32.327, -39.861
Hunter-Lab	51.293, -12.86, -22.959
Binary	01000100, 10010101, 10111011

#4495bb
```
#4495bb rgb(68,149,187)
```
#bb6a44
```
#bb6a44 rgb(187,106,68)
```

Complementary Color

#44bba6
```
#44bba6 rgb(68,187,166)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#4459bb
```
#4459bb rgb(68,89,187)
```

Analogous Color

#bba644
```
#bba644 rgb(187,166,68)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#bb445a
```
#bb445a rgb(187,68,90)
```

Split Complementary Color

#95bb44
```
#95bb44 rgb(149,187,68)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#bb4495
```
#bb4495 rgb(187,68,149)
```

Triadic Color

#44bb6a
```
#44bb6a rgb(68,187,106)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#bb4495
```
#bb4495 rgb(187,68,149)
```
#bb6a44
```
#bb6a44 rgb(187,106,68)
```

Tetradic Color

#306883
```
#306883 rgb(48,104,131)
```
#367796
```
#367796 rgb(54,119,150)
```
#3d86a8
```
#3d86a8 rgb(61,134,168)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#57a0c2
```
#57a0c2 rgb(87,160,194)
```
#69aac9
```
#69aac9 rgb(105,170,201)
```
#7cb5cf
```
#7cb5cf rgb(124,181,207)
```

Monochromatic Color

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

#44b3bb
```
#44b3bb rgb(68,179,187)
```
#44a9bb
```
#44a9bb rgb(68,169,187)
```
#449fbb
```
#449fbb rgb(68,159,187)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#448bbb
```
#448bbb rgb(68,139,187)
```
#4481bb
```
#4481bb rgb(68,129,187)
```
#4477bb
```
#4477bb rgb(68,119,187)
```

Similar Colors

Text with hexadecimal color #4495bb

This text has a font color of #4495bb.

<span style="color:#4495bb;">Text here</span>

#4495bb background color

This paragraph has a background color of #4495bb.

<p style="background-color:#4495bb;">Content here</p>

#4495bb border color

This element has a border color of #4495bb.

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

CSS codes

.text {color:#4495bb;}

.background {background-color:#4495bb;}

.border {border:1px solid #4495bb;}

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, #050b0e is the darkest color, while #ffffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a171d
```
#0a171d rgb(10,23,29)
```
#10222b
```
#10222b rgb(16,34,43)
```
#152e3a
```
#152e3a rgb(21,46,58)
```
#1a3948
```
#1a3948 rgb(26,57,72)
```
#1f4556
```
#1f4556 rgb(31,69,86)
```
#255065
```
#255065 rgb(37,80,101)
```
#2a5c73
```
#2a5c73 rgb(42,92,115)
```
#2f6781
```
#2f6781 rgb(47,103,129)
```
#347390
```
#347390 rgb(52,115,144)
```
#3a7e9e
```
#3a7e9e rgb(58,126,158)
```
#3f8aad
```
#3f8aad rgb(63,138,173)
```
#4495bb
```
#4495bb rgb(68,149,187)
```

Shade Color Variation

#529dc0
```
#529dc0 rgb(82,157,192)
```
#61a5c5
```
#61a5c5 rgb(97,165,197)
```
#6fadcb
```
#6fadcb rgb(111,173,203)
```
#7eb6d0
```
#7eb6d0 rgb(126,182,208)
```
#8cbed5
```
#8cbed5 rgb(140,190,213)
```
#9ac6da
```
#9ac6da rgb(154,198,218)
```
#a9cee0
```
#a9cee0 rgb(169,206,224)
```
#b7d6e5
```
#b7d6e5 rgb(183,214,229)
```
#c5deea
```
#c5deea rgb(197,222,234)
```
#d4e7ef
```
#d4e7ef rgb(212,231,239)
```
#e2eff5
```
#e2eff5 rgb(226,239,245)
```
#f1f7fa
```
#f1f7fa rgb(241,247,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8080 is the less saturated color, while #09aaf6 is the most saturated one.

#7f8080
```
#7f8080 rgb(127,128,128)
```
#75838a
```
#75838a rgb(117,131,138)
```
#6b8794
```
#6b8794 rgb(107,135,148)
```
#618a9e
```
#618a9e rgb(97,138,158)
```
#588ea7
```
#588ea7 rgb(88,142,167)
```
#4e91b1
```
#4e91b1 rgb(78,145,177)
```
#4495bb
```
#4495bb rgb(68,149,187)
```
#3a99c5
```
#3a99c5 rgb(58,153,197)
```
#309ccf
```
#309ccf rgb(48,156,207)
```
#27a0d8
```
#27a0d8 rgb(39,160,216)
```
#1da3e2
```
#1da3e2 rgb(29,163,226)
```
#13a7ec
```
#13a7ec rgb(19,167,236)
```
#09aaf6
```
#09aaf6 rgb(9,170,246)
```

Tone Color Variation

Below, you can see how #4495bb 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

#818181 Achromatopsia 0.005% of the population
#75858d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8790b8 Protanopia 1% of men
#8290c2 Deuteranopia 1% of men
#409ea9 Tritanopia 0.001% of the population

Trichromacy

#6e92b9 Protanomaly 1% of men, 0.01% of women
#6b92bf Deuteranomaly 6% of men, 0.4% of women
#419ab0 Tritanomaly 0.01% of the population

#4495bb hex color

#4495bb Color Information

#4495bb Color Conversion

Color Schemes with #4495bb

Alternatives to #4495bb

#4495bb Preview

Shades and Tints of #4495bb

Tones of #4495bb

Color Blindness Simulator