colorhexa.com

#3368bf hex color

In a RGB color space, hex #3368bf is composed of 20% red, 40.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 45.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 217.3 degrees, a saturation of 57.9% and a lightness of 47.5%. #3368bf color hex could be obtained by blending #66d0ff with #00007f. Closest websafe color is: #3366cc.

- R 20
- G 41
- B 75
RGB color chart
- C 73
- M 46
- Y 0
- K 25
CMYK color chart

● #3368bf color description : Moderate blue.

The hexadecimal color #3368bf has RGB values of R:51, G:104, B:191 and CMYK values of C:0.73, M:0.46, Y:0, K:0.25. Its decimal value is 3369151.

Hex triplet	3368bf	`#3368bf`
RGB Decimal	51, 104, 191	`rgb(51,104,191)`
RGB Percent	20, 40.8, 74.9	`rgb(20%,40.8%,74.9%)`
CMYK	73, 46, 0, 25
HSL	217.3°, 57.9, 47.5	`hsl(217.3,57.9%,47.5%)`
HSV (or HSB)	217.3°, 73.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.752, 12.581, -50.813
XYZ	15.717, 14.365, 51.232
xyY	0.193, 0.177, 14.365
CIE-LCH	44.752, 52.347, 283.907
CIE-LUV	44.752, -20.067, -77.047
Hunter-Lab	37.901, 7.697, -53.613
Binary	00110011, 01101000, 10111111

#3368bf
```
#3368bf rgb(51,104,191)
```
#bf8a33
```
#bf8a33 rgb(191,138,51)
```

Complementary Color

#33aebf
```
#33aebf rgb(51,174,191)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#4433bf
```
#4433bf rgb(68,51,191)
```

Analogous Color

#aebf33
```
#aebf33 rgb(174,191,51)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#bf4433
```
#bf4433 rgb(191,68,51)
```

Split Complementary Color

#68bf33
```
#68bf33 rgb(104,191,51)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#bf3368
```
#bf3368 rgb(191,51,104)
```

Triadic Color

#33bf8a
```
#33bf8a rgb(51,191,138)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#bf3368
```
#bf3368 rgb(191,51,104)
```
#bf8a33
```
#bf8a33 rgb(191,138,51)
```

Tetradic Color

#234783
```
#234783 rgb(35,71,131)
```
#285297
```
#285297 rgb(40,82,151)
```
#2e5dab
```
#2e5dab rgb(46,93,171)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#4075cc
```
#4075cc rgb(64,117,204)
```
#5483d1
```
#5483d1 rgb(84,131,209)
```
#6892d7
```
#6892d7 rgb(104,146,215)
```

Monochromatic Color

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

#338bbf
```
#338bbf rgb(51,139,191)
```
#337fbf
```
#337fbf rgb(51,127,191)
```
#3374bf
```
#3374bf rgb(51,116,191)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#335cbf
```
#335cbf rgb(51,92,191)
```
#3351bf
```
#3351bf rgb(51,81,191)
```
#3345bf
```
#3345bf rgb(51,69,191)
```

Similar Colors

Text with hexadecimal color #3368bf

This text has a font color of #3368bf.

<span style="color:#3368bf;">Text here</span>

#3368bf background color

This paragraph has a background color of #3368bf.

<p style="background-color:#3368bf;">Content here</p>

#3368bf border color

This element has a border color of #3368bf.

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

CSS codes

.text {color:#3368bf;}

.background {background-color:#3368bf;}

.border {border:1px solid #3368bf;}

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

#010305
```
#010305 rgb(1,3,5)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0a1424
```
#0a1424 rgb(10,20,36)
```
#0e1c34
```
#0e1c34 rgb(14,28,52)
```
#122543
```
#122543 rgb(18,37,67)
```
#162d53
```
#162d53 rgb(22,45,83)
```
#1a3562
```
#1a3562 rgb(26,53,98)
```
#1e3e72
```
#1e3e72 rgb(30,62,114)
```
#224681
```
#224681 rgb(34,70,129)
```
#274f91
```
#274f91 rgb(39,79,145)
```
#2b57a0
```
#2b57a0 rgb(43,87,160)
```
#2f60b0
```
#2f60b0 rgb(47,96,176)
```
#3368bf
```
#3368bf rgb(51,104,191)
```

Shade Color Variation

#3b71cb
```
#3b71cb rgb(59,113,203)
```
#4a7dcf
```
#4a7dcf rgb(74,125,207)
```
#5a88d3
```
#5a88d3 rgb(90,136,211)
```
#6993d7
```
#6993d7 rgb(105,147,215)
```
#799edb
```
#799edb rgb(121,158,219)
```
#88a9df
```
#88a9df rgb(136,169,223)
```
#98b4e3
```
#98b4e3 rgb(152,180,227)
```
#a7c0e8
```
#a7c0e8 rgb(167,192,232)
```
#b7cbec
```
#b7cbec rgb(183,203,236)
```
#c6d6f0
```
#c6d6f0 rgb(198,214,240)
```
#d6e1f4
```
#d6e1f4 rgb(214,225,244)
```
#e5ecf8
```
#e5ecf8 rgb(229,236,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74787e is the less saturated color, while #045dee is the most saturated one.

#74787e
```
#74787e rgb(116,120,126)
```
#6b7687
```
#6b7687 rgb(107,118,135)
```
#627390
```
#627390 rgb(98,115,144)
```
#58719a
```
#58719a rgb(88,113,154)
```
#4f6fa3
```
#4f6fa3 rgb(79,111,163)
```
#466dac
```
#466dac rgb(70,109,172)
```
#3c6ab6
```
#3c6ab6 rgb(60,106,182)
```
#3368bf
```
#3368bf rgb(51,104,191)
```
#2a66c8
```
#2a66c8 rgb(42,102,200)
```
#2063d2
```
#2063d2 rgb(32,99,210)
```
#1761db
```
#1761db rgb(23,97,219)
```
#0e5fe4
```
#0e5fe4 rgb(14,95,228)
```
#045dee
```
#045dee rgb(4,93,238)
```

Tone Color Variation

Below, you can see how #3368bf 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

#626262 Achromatopsia 0.005% of the population
#596375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#456ec1 Protanopia 1% of men
#0573c0 Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#3e6cc0 Protanomaly 1% of men, 0.01% of women
#156fc0 Deuteranomaly 6% of men, 0.4% of women
#12759a Tritanomaly 0.01% of the population