#6090f2 hex color

In a RGB color space, hex #6090f2 is composed of 37.6% red, 56.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 40.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.3 degrees, a saturation of 84.9% and a lightness of 66.3%. #6090f2 color hex could be obtained by blending #c0ffff with #0021e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 56
- B 95
RGB color chart
- C 60
- M 40
- Y 0
- K 5
CMYK color chart

● #6090f2 color description : Soft blue.

The hexadecimal color #6090f2 has RGB values of R:96, G:144, B:242 and CMYK values of C:0.6, M:0.4, Y:0, K:0.05. Its decimal value is 6328562.

Hex triplet	6090f2	`#6090f2`
RGB Decimal	96, 144, 242	`rgb(96,144,242)`
RGB Percent	37.6, 56.5, 94.9	`rgb(37.6%,56.5%,94.9%)`
CMYK	60, 40, 0, 5
HSL	220.3°, 84.9, 66.3	`hsl(220.3,84.9%,66.3%)`
HSV (or HSB)	220.3°, 60.3, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.642, 13.154, -54.114
XYZ	30.821, 28.842, 87.942
xyY	0.209, 0.195, 28.842
CIE-LCH	60.642, 55.69, 283.663
CIE-LUV	60.642, -22.333, -87.836
Hunter-Lab	53.705, 8.455, -59.494
Binary	01100000, 10010000, 11110010

#6090f2
```
#6090f2 rgb(96,144,242)
```
#f2c260
```
#f2c260 rgb(242,194,96)
```

Complementary Color

#60d9f2
```
#60d9f2 rgb(96,217,242)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#7960f2
```
#7960f2 rgb(121,96,242)
```

Analogous Color

#d9f260
```
#d9f260 rgb(217,242,96)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#f27960
```
#f27960 rgb(242,121,96)
```

Split Complementary Color

#90f260
```
#90f260 rgb(144,242,96)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#f26090
```
#f26090 rgb(242,96,144)
```

Triadic Color

#60f2c2
```
#60f2c2 rgb(96,242,194)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#f26090
```
#f26090 rgb(242,96,144)
```
#f2c260
```
#f2c260 rgb(242,194,96)
```

Tetradic Color

#195fec
```
#195fec rgb(25,95,236)
```
#316fee
```
#316fee rgb(49,111,238)
```
#4880f0
```
#4880f0 rgb(72,128,240)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#78a0f4
```
#78a0f4 rgb(120,160,244)
```
#8fb1f6
```
#8fb1f6 rgb(143,177,246)
```
#a7c1f8
```
#a7c1f8 rgb(167,193,248)
```

Monochromatic Color

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

#60b5f2
```
#60b5f2 rgb(96,181,242)
```
#60a8f2
```
#60a8f2 rgb(96,168,242)
```
#609cf2
```
#609cf2 rgb(96,156,242)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#6084f2
```
#6084f2 rgb(96,132,242)
```
#6078f2
```
#6078f2 rgb(96,120,242)
```
#606cf2
```
#606cf2 rgb(96,108,242)
```

Similar Colors

Text with hexadecimal color #6090f2

This text has a font color of #6090f2.

<span style="color:#6090f2;">Text here</span>

#6090f2 background color

This paragraph has a background color of #6090f2.

<p style="background-color:#6090f2;">Content here</p>

#6090f2 border color

This element has a border color of #6090f2.

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

CSS codes

.text {color:#6090f2;}

.background {background-color:#6090f2;}

.border {border:1px solid #6090f2;}

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

#000204
```
#000204 rgb(0,2,4)
```
#020916
```
#020916 rgb(2,9,22)
```
#031028
```
#031028 rgb(3,16,40)
```
#05163b
```
#05163b rgb(5,22,59)
```
#061d4d
```
#061d4d rgb(6,29,77)
```
#08245f
```
#08245f rgb(8,36,95)
```
#092b71
```
#092b71 rgb(9,43,113)
```
#0b3283
```
#0b3283 rgb(11,50,131)
```
#0c3995
```
#0c3995 rgb(12,57,149)
```
#0e40a7
```
#0e40a7 rgb(14,64,167)
```
#0f47ba
```
#0f47ba rgb(15,71,186)
```
#114ecc
```
#114ecc rgb(17,78,204)
```
#1255de
```
#1255de rgb(18,85,222)
```

Shade Color Variation

#175dec
```
#175dec rgb(23,93,236)
```
#2a6aee
```
#2a6aee rgb(42,106,238)
```
#3c77ef
```
#3c77ef rgb(60,119,239)
```
#4e83f1
```
#4e83f1 rgb(78,131,241)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#729df3
```
#729df3 rgb(114,157,243)
```
#84a9f5
```
#84a9f5 rgb(132,169,245)
```
#96b6f6
```
#96b6f6 rgb(150,182,246)
```
#a9c3f8
```
#a9c3f8 rgb(169,195,248)
```
#bbcff9
```
#bbcff9 rgb(187,207,249)
```
#cddcfb
```
#cddcfb rgb(205,220,251)
```
#dfe9fc
```
#dfe9fc rgb(223,233,252)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9a9a9 is the less saturated color, while #598ef9 is the most saturated one.

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2a7b0
```
#a2a7b0 rgb(162,167,176)
```
#9ca4b6
```
#9ca4b6 rgb(156,164,182)
```
#95a2bd
```
#95a2bd rgb(149,162,189)
```
#8ea0c4
```
#8ea0c4 rgb(142,160,196)
```
#889eca
```
#889eca rgb(136,158,202)
```
#819bd1
```
#819bd1 rgb(129,155,209)
```
#7a99d8
```
#7a99d8 rgb(122,153,216)
```
#7497de
```
#7497de rgb(116,151,222)
```
#6d95e5
```
#6d95e5 rgb(109,149,229)
```
#6792eb
```
#6792eb rgb(103,146,235)
```
#6090f2
```
#6090f2 rgb(96,144,242)
```
#598ef9
```
#598ef9 rgb(89,142,249)
```

Tone Color Variation

Below, you can see how #6090f2 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

#8d8d8d Achromatopsia 0.005% of the population
#848ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d94f1 Protanopia 1% of men
#5598f1 Deuteranopia 1% of men
#3ea4b0 Tritanopia 0.001% of the population

Trichromacy

#6893f1 Protanomaly 1% of men, 0.01% of women
#5995f1 Deuteranomaly 6% of men, 0.4% of women
#4a9dc8 Tritanomaly 0.01% of the population

#6090f2 hex color

#6090f2 Color Information

#6090f2 Color Conversion

Color Schemes with #6090f2

Alternatives to #6090f2

#6090f2 Preview

Shades and Tints of #6090f2

Tones of #6090f2

Color Blindness Simulator