colorhexa.com

#345afc hex color

In a RGB color space, hex #345afc is composed of 20.4% red, 35.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 64.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 228.6 degrees, a saturation of 97.1% and a lightness of 59.6%. #345afc color hex could be obtained by blending #68b4ff with #0000f9. Closest websafe color is: #3366ff.

- R 20
- G 35
- B 99
RGB color chart
- C 79
- M 64
- Y 0
- K 1
CMYK color chart

● #345afc color description : Bright blue.

The hexadecimal color #345afc has RGB values of R:52, G:90, B:252 and CMYK values of C:0.79, M:0.64, Y:0, K:0.01. Its decimal value is 3431164.

Hex triplet	345afc	`#345afc`
RGB Decimal	52, 90, 252	`rgb(52,90,252)`
RGB Percent	20.4, 35.3, 98.8	`rgb(20.4%,35.3%,98.8%)`
CMYK	79, 64, 0, 1
HSL	228.6°, 97.1, 59.6	`hsl(228.6,97.1%,59.6%)`
HSV (or HSB)	228.6°, 79.4, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.729, 43.869, -83.878
XYZ	22.639, 15.069, 93.806
xyY	0.172, 0.115, 15.069
CIE-LCH	45.729, 94.657, 297.61
CIE-LUV	45.729, -16.054, -126.32
Hunter-Lab	38.819, 36.169, -116.101
Binary	00110100, 01011010, 11111100

#345afc
```
#345afc rgb(52,90,252)
```
#fcd634
```
#fcd634 rgb(252,214,52)
```

Complementary Color

#34befc
```
#34befc rgb(52,190,252)
```
#345afc
```
#345afc rgb(52,90,252)
```
#7234fc
```
#7234fc rgb(114,52,252)
```

Analogous Color

#befc34
```
#befc34 rgb(190,252,52)
```
#345afc
```
#345afc rgb(52,90,252)
```
#fc7234
```
#fc7234 rgb(252,114,52)
```

Split Complementary Color

#5afc34
```
#5afc34 rgb(90,252,52)
```
#345afc
```
#345afc rgb(52,90,252)
```
#fc345a
```
#fc345a rgb(252,52,90)
```

Triadic Color

#34fcd6
```
#34fcd6 rgb(52,252,214)
```
#345afc
```
#345afc rgb(52,90,252)
```
#fc345a
```
#fc345a rgb(252,52,90)
```
#fcd634
```
#fcd634 rgb(252,214,52)
```

Tetradic Color

#032de0
```
#032de0 rgb(3,45,224)
```
#0432f9
```
#0432f9 rgb(4,50,249)
```
#1b46fc
```
#1b46fc rgb(27,70,252)
```
#345afc
```
#345afc rgb(52,90,252)
```
#4d6efc
```
#4d6efc rgb(77,110,252)
```
#6683fd
```
#6683fd rgb(102,131,253)
```
#7f97fd
```
#7f97fd rgb(127,151,253)
```

Monochromatic Color

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

#348cfc
```
#348cfc rgb(52,140,252)
```
#347bfc
```
#347bfc rgb(52,123,252)
```
#346bfc
```
#346bfc rgb(52,107,252)
```
#345afc
```
#345afc rgb(52,90,252)
```
#3449fc
```
#3449fc rgb(52,73,252)
```
#3439fc
```
#3439fc rgb(52,57,252)
```
#4034fc
```
#4034fc rgb(64,52,252)
```

Similar Colors

Text with hexadecimal color #345afc

This text has a font color of #345afc.

<span style="color:#345afc;">Text here</span>

#345afc background color

This paragraph has a background color of #345afc.

<p style="background-color:#345afc;">Content here</p>

#345afc border color

This element has a border color of #345afc.

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

CSS codes

.text {color:#345afc;}

.background {background-color:#345afc;}

.border {border:1px solid #345afc;}

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, #00020a is the darkest color, while #f5f7ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#00061d
```
#00061d rgb(0,6,29)
```
#010a30
```
#010a30 rgb(1,10,48)
```
#010e44
```
#010e44 rgb(1,14,68)
```
#011257
```
#011257 rgb(1,18,87)
```
#02156a
```
#02156a rgb(2,21,106)
```
#02197e
```
#02197e rgb(2,25,126)
```
#021d91
```
#021d91 rgb(2,29,145)
```
#0221a4
```
#0221a4 rgb(2,33,164)
```
#0325b8
```
#0325b8 rgb(3,37,184)
```
#0329cb
```
#0329cb rgb(3,41,203)
```
#032dde
```
#032dde rgb(3,45,222)
```
#0431f2
```
#0431f2 rgb(4,49,242)
```

Shade Color Variation

#0d3bfb
```
#0d3bfb rgb(13,59,251)
```
#214afc
```
#214afc rgb(33,74,252)
```
#345afc
```
#345afc rgb(52,90,252)
```
#476afc
```
#476afc rgb(71,106,252)
```
#5b79fd
```
#5b79fd rgb(91,121,253)
```
#6e89fd
```
#6e89fd rgb(110,137,253)
```
#8199fd
```
#8199fd rgb(129,153,253)
```
#95a9fd
```
#95a9fd rgb(149,169,253)
```
#a8b8fe
```
#a8b8fe rgb(168,184,254)
```
#bbc8fe
```
#bbc8fe rgb(187,200,254)
```
#cfd8fe
```
#cfd8fe rgb(207,216,254)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93959d is the less saturated color, while #345afc is the most saturated one.

#93959d
```
#93959d rgb(147,149,157)
```
#8b90a5
```
#8b90a5 rgb(139,144,165)
```
#838bad
```
#838bad rgb(131,139,173)
```
#7b86b5
```
#7b86b5 rgb(123,134,181)
```
#7381bd
```
#7381bd rgb(115,129,189)
```
#6b7cc5
```
#6b7cc5 rgb(107,124,197)
```
#6477cc
```
#6477cc rgb(100,119,204)
```
#5c73d4
```
#5c73d4 rgb(92,115,212)
```
#546edc
```
#546edc rgb(84,110,220)
```
#4c69e4
```
#4c69e4 rgb(76,105,228)
```
#4464ec
```
#4464ec rgb(68,100,236)
```
#3c5ff4
```
#3c5ff4 rgb(60,95,244)
```
#345afc
```
#345afc rgb(52,90,252)
```

Tone Color Variation

Below, you can see how #345afc 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

#616161 Achromatopsia 0.005% of the population
#586080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1268e7 Protanomaly 1% of men, 0.01% of women
#126cd5 Deuteranomaly 6% of men, 0.4% of women
#1271b0 Tritanomaly 0.01% of the population