colorhexa.com

#0654f7 hex color

In a RGB color space, hex #0654f7 is composed of 2.4% red, 32.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 66% magenta, 0% yellow and 3.1% black. It has a hue angle of 220.6 degrees, a saturation of 95.3% and a lightness of 49.6%. #0654f7 color hex could be obtained by blending #0ca8ff with #0000ef. Closest websafe color is: #0066ff.

- R 2
- G 33
- B 97
RGB color chart
- C 98
- M 66
- Y 0
- K 3
CMYK color chart

● #0654f7 color description : Vivid blue.

The hexadecimal color #0654f7 has RGB values of R:6, G:84, B:247 and CMYK values of C:0.98, M:0.66, Y:0, K:0.03. Its decimal value is 414967.

Hex triplet	0654f7	`#0654f7`
RGB Decimal	6, 84, 247	`rgb(6,84,247)`
RGB Percent	2.4, 32.9, 96.9	`rgb(2.4%,32.9%,96.9%)`
CMYK	98, 66, 0, 3
HSL	220.6°, 95.3, 49.6	`hsl(220.6,95.3%,49.6%)`
HSV (or HSB)	220.6°, 97.6, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.903, 43.653, -85.765
XYZ	20.03, 13.093, 89.462
xyY	0.163, 0.107, 13.093
CIE-LCH	42.903, 96.235, 296.975
CIE-LUV	42.903, -18.169, -125.647
Hunter-Lab	36.184, 35.489, -121.259
Binary	00000110, 01010100, 11110111

#0654f7
```
#0654f7 rgb(6,84,247)
```
#f7a906
```
#f7a906 rgb(247,169,6)
```

Complementary Color

#06cdf7
```
#06cdf7 rgb(6,205,247)
```
#0654f7
```
#0654f7 rgb(6,84,247)
```
#3006f7
```
#3006f7 rgb(48,6,247)
```

Analogous Color

#cdf706
```
#cdf706 rgb(205,247,6)
```
#0654f7
```
#0654f7 rgb(6,84,247)
```
#f73106
```
#f73106 rgb(247,49,6)
```

Split Complementary Color

#043bac
```
#043bac rgb(4,59,172)
```
#0543c5
```
#0543c5 rgb(5,67,197)
```
#054cde
```
#054cde rgb(5,76,222)
```
#0654f7
```
#0654f7 rgb(6,84,247)
```
#1d64fa
```
#1d64fa rgb(29,100,250)
```
#3675fa
```
#3675fa rgb(54,117,250)
```
#4f86fb
```
#4f86fb rgb(79,134,251)
```

Monochromatic Color

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

#0690f7
```
#0690f7 rgb(6,144,247)
```
#067cf7
```
#067cf7 rgb(6,124,247)
```
#0668f7
```
#0668f7 rgb(6,104,247)
```
#0654f7
```
#0654f7 rgb(6,84,247)
```
#0640f7
```
#0640f7 rgb(6,64,247)
```
#062cf7
```
#062cf7 rgb(6,44,247)
```
#0618f7
```
#0618f7 rgb(6,24,247)
```

Similar Colors

Text with hexadecimal color #0654f7

This text has a font color of #0654f7.

<span style="color:#0654f7;">Text here</span>

#0654f7 background color

This paragraph has a background color of #0654f7.

<p style="background-color:#0654f7;">Content here</p>

#0654f7 border color

This element has a border color of #0654f7.

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

CSS codes

.text {color:#0654f7;}

.background {background-color:#0654f7;}

.border {border:1px solid #0654f7;}

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

#000611
```
#000611 rgb(0,6,17)
```
#010c24
```
#010c24 rgb(1,12,36)
```
#011337
```
#011337 rgb(1,19,55)
```
#02194b
```
#02194b rgb(2,25,75)
```
#02205e
```
#02205e rgb(2,32,94)
```
#032671
```
#032671 rgb(3,38,113)
```
#032d84
```
#032d84 rgb(3,45,132)
```
#043397
```
#043397 rgb(4,51,151)
```
#043aaa
```
#043aaa rgb(4,58,170)
```
#0540be
```
#0540be rgb(5,64,190)
```
#0547d1
```
#0547d1 rgb(5,71,209)
```
#064de4
```
#064de4 rgb(6,77,228)
```
#0654f7
```
#0654f7 rgb(6,84,247)
```

Shade Color Variation

#1760f9
```
#1760f9 rgb(23,96,249)
```
#2a6efa
```
#2a6efa rgb(42,110,250)
```
#3e7bfa
```
#3e7bfa rgb(62,123,250)
```
#5188fb
```
#5188fb rgb(81,136,251)
```
#6495fb
```
#6495fb rgb(100,149,251)
```
#77a2fc
```
#77a2fc rgb(119,162,252)
```
#8aaffc
```
#8aaffc rgb(138,175,252)
```
#9dbcfd
```
#9dbcfd rgb(157,188,253)
```
#b0c9fd
```
#b0c9fd rgb(176,201,253)
```
#c4d6fe
```
#c4d6fe rgb(196,214,254)
```
#d7e3fe
```
#d7e3fe rgb(215,227,254)
```
#eaf1fe
```
#eaf1fe rgb(234,241,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7b7d82
```
#7b7d82 rgb(123,125,130)
```
#717a8c
```
#717a8c rgb(113,122,140)
```
#677696
```
#677696 rgb(103,118,150)
```
#5e739f
```
#5e739f rgb(94,115,159)
```
#546fa9
```
#546fa9 rgb(84,111,169)
```
#4a6cb3
```
#4a6cb3 rgb(74,108,179)
```
#4069bd
```
#4069bd rgb(64,105,189)
```
#3765c6
```
#3765c6 rgb(55,101,198)
```
#2d62d0
```
#2d62d0 rgb(45,98,208)
```
#235eda
```
#235eda rgb(35,94,218)
```
#195be4
```
#195be4 rgb(25,91,228)
```
#1057ed
```
#1057ed rgb(16,87,237)
```
#0654f7
```
#0654f7 rgb(6,84,247)
```

Tone Color Variation

Below, you can see how #0654f7 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

#4f4f4f Achromatopsia 0.005% of the population
#405071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787d Tritanopia 0.001% of the population

Trichromacy

#0262dd Protanomaly 1% of men, 0.01% of women
#0266cb Deuteranomaly 6% of men, 0.4% of women
#026ba9 Tritanomaly 0.01% of the population