colorhexa.com

#604fbb hex color

In a RGB color space, hex #604fbb is composed of 37.6% red, 31% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 57.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 249.4 degrees, a saturation of 44.3% and a lightness of 52.2%. #604fbb color hex could be obtained by blending #c09eff with #000077. Closest websafe color is: #6666cc.

- R 38
- G 31
- B 73
RGB color chart
- C 49
- M 58
- Y 0
- K 27
CMYK color chart

● #604fbb color description : Moderate blue.

The hexadecimal color #604fbb has RGB values of R:96, G:79, B:187 and CMYK values of C:0.49, M:0.58, Y:0, K:0.27. Its decimal value is 6311867.

Hex triplet	604fbb	`#604fbb`
RGB Decimal	96, 79, 187	`rgb(96,79,187)`
RGB Percent	37.6, 31, 73.3	`rgb(37.6%,31%,73.3%)`
CMYK	49, 58, 0, 27
HSL	249.4°, 44.3, 52.2	`hsl(249.4,44.3%,52.2%)`
HSV (or HSB)	249.4°, 57.8, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.681, 35.104, -54.899
XYZ	16.588, 11.666, 48.389
xyY	0.216, 0.152, 11.666
CIE-LCH	40.681, 65.163, 302.596
CIE-LUV	40.681, -0.425, -82.787
Hunter-Lab	34.156, 26.916, -60.087
Binary	01100000, 01001111, 10111011

#604fbb
```
#604fbb rgb(96,79,187)
```
#aabb4f
```
#aabb4f rgb(170,187,79)
```

Complementary Color

#4f74bb
```
#4f74bb rgb(79,116,187)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#964fbb
```
#964fbb rgb(150,79,187)
```

Analogous Color

#74bb4f
```
#74bb4f rgb(116,187,79)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#bb964f
```
#bb964f rgb(187,150,79)
```

Split Complementary Color

#4fbb60
```
#4fbb60 rgb(79,187,96)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#bb604f
```
#bb604f rgb(187,96,79)
```

Triadic Color

#4faabb
```
#4faabb rgb(79,170,187)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#bb604f
```
#bb604f rgb(187,96,79)
```
#aabb4f
```
#aabb4f rgb(170,187,79)
```

Tetradic Color

#423589
```
#423589 rgb(66,53,137)
```
#4b3c9b
```
#4b3c9b rgb(75,60,155)
```
#5443ad
```
#5443ad rgb(84,67,173)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#7161c2
```
#7161c2 rgb(113,97,194)
```
#8174c9
```
#8174c9 rgb(129,116,201)
```
#9286d0
```
#9286d0 rgb(146,134,208)
```

Monochromatic Color

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

#4f59bb
```
#4f59bb rgb(79,89,187)
```
#4f50bb
```
#4f50bb rgb(79,80,187)
```
#574fbb
```
#574fbb rgb(87,79,187)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#694fbb
```
#694fbb rgb(105,79,187)
```
#724fbb
```
#724fbb rgb(114,79,187)
```
#7b4fbb
```
#7b4fbb rgb(123,79,187)
```

Similar Colors

Text with hexadecimal color #604fbb

This text has a font color of #604fbb.

<span style="color:#604fbb;">Text here</span>

#604fbb background color

This paragraph has a background color of #604fbb.

<p style="background-color:#604fbb;">Content here</p>

#604fbb border color

This element has a border color of #604fbb.

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

CSS codes

.text {color:#604fbb;}

.background {background-color:#604fbb;}

.border {border:1px solid #604fbb;}

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

#040308
```
#040308 rgb(4,3,8)
```
#0b0916
```
#0b0916 rgb(11,9,22)
```
#110e24
```
#110e24 rgb(17,14,36)
```
#181332
```
#181332 rgb(24,19,50)
```
#1f1941
```
#1f1941 rgb(31,25,65)
```
#261e4f
```
#261e4f rgb(38,30,79)
```
#2d245d
```
#2d245d rgb(45,36,93)
```
#34296b
```
#34296b rgb(52,41,107)
```
#3a2f79
```
#3a2f79 rgb(58,47,121)
```
#413487
```
#413487 rgb(65,52,135)
```
#483a95
```
#483a95 rgb(72,58,149)
```
#4f3fa4
```
#4f3fa4 rgb(79,63,164)
```
#5645b2
```
#5645b2 rgb(86,69,178)
```

Shade Color Variation

#604fbb
```
#604fbb rgb(96,79,187)
```
#6d5dc0
```
#6d5dc0 rgb(109,93,192)
```
#7a6bc6
```
#7a6bc6 rgb(122,107,198)
```
#8679cb
```
#8679cb rgb(134,121,203)
```
#9388d1
```
#9388d1 rgb(147,136,209)
```
#a096d6
```
#a096d6 rgb(160,150,214)
```
#ada4dc
```
#ada4dc rgb(173,164,220)
```
#b9b2e1
```
#b9b2e1 rgb(185,178,225)
```
#c6c0e7
```
#c6c0e7 rgb(198,192,231)
```
#d3ceec
```
#d3ceec rgb(211,206,236)
```
#e0dcf2
```
#e0dcf2 rgb(224,220,242)
```
#edebf7
```
#edebf7 rgb(237,235,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807e8c is the less saturated color, while #330dfd is the most saturated one.

#807e8c
```
#807e8c rgb(128,126,140)
```
#7a7595
```
#7a7595 rgb(122,117,149)
```
#736b9f
```
#736b9f rgb(115,107,159)
```
#6d62a8
```
#6d62a8 rgb(109,98,168)
```
#6658b2
```
#6658b2 rgb(102,88,178)
```
#604fbb
```
#604fbb rgb(96,79,187)
```
#5a46c4
```
#5a46c4 rgb(90,70,196)
```
#533cce
```
#533cce rgb(83,60,206)
```
#4d33d7
```
#4d33d7 rgb(77,51,215)
```
#4629e1
```
#4629e1 rgb(70,41,225)
```
#4020ea
```
#4020ea rgb(64,32,234)
```
#3917f3
```
#3917f3 rgb(57,23,243)
```
#330dfd
```
#330dfd rgb(51,13,253)
```

Tone Color Variation

Below, you can see how #604fbb 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

#606060 Achromatopsia 0.005% of the population
#605d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c6 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#4d6d75 Tritanopia 0.001% of the population

Trichromacy

#225cc2 Protanomaly 1% of men, 0.01% of women
#2260b3 Deuteranomaly 6% of men, 0.4% of women
#54628e Tritanomaly 0.01% of the population