colorhexa.com

#2c98fd hex color

In a RGB color space, hex #2c98fd is composed of 17.3% red, 59.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 39.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 209 degrees, a saturation of 98.1% and a lightness of 58.2%. #2c98fd color hex could be obtained by blending #58ffff with #0031fb. Closest websafe color is: #3399ff.

- R 17
- G 60
- B 99
RGB color chart
- C 83
- M 40
- Y 0
- K 1
CMYK color chart

● #2c98fd color description : Bright blue.

The hexadecimal color #2c98fd has RGB values of R:44, G:152, B:253 and CMYK values of C:0.83, M:0.4, Y:0, K:0.01. Its decimal value is 2922749.

Hex triplet	2c98fd	`#2c98fd`
RGB Decimal	44, 152, 253	`rgb(44,152,253)`
RGB Percent	17.3, 59.6, 99.2	`rgb(17.3%,59.6%,99.2%)`
CMYK	83, 40, 0, 1
HSL	209°, 98.1, 58.2	`hsl(209,98.1%,58.2%)`
HSV (or HSB)	209°, 82.6, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	61.724, 5.386, -58.533
XYZ	29.992, 30.081, 97.149
xyY	0.191, 0.191, 30.081
CIE-LCH	61.724, 58.781, 275.257
CIE-LUV	61.724, -34.159, -94.642
Hunter-Lab	54.846, 1.631, -66.627
Binary	00101100, 10011000, 11111101

#2c98fd
```
#2c98fd rgb(44,152,253)
```
#fd912c
```
#fd912c rgb(253,145,44)
```

Complementary Color

#2cfdfa
```
#2cfdfa rgb(44,253,250)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#2c30fd
```
#2c30fd rgb(44,48,253)
```

Analogous Color

#fdfa2c
```
#fdfa2c rgb(253,250,44)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#fd2c30
```
#fd2c30 rgb(253,44,48)
```

Split Complementary Color

#98fd2c
```
#98fd2c rgb(152,253,44)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#fd2c98
```
#fd2c98 rgb(253,44,152)
```

Triadic Color

#2cfd91
```
#2cfd91 rgb(44,253,145)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#fd2c98
```
#fd2c98 rgb(253,44,152)
```
#fd912c
```
#fd912c rgb(253,145,44)
```

Tetradic Color

#0272da
```
#0272da rgb(2,114,218)
```
#027ff4
```
#027ff4 rgb(2,127,244)
```
#138cfd
```
#138cfd rgb(19,140,253)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#45a4fd
```
#45a4fd rgb(69,164,253)
```
#5fb1fd
```
#5fb1fd rgb(95,177,253)
```
#78bdfe
```
#78bdfe rgb(120,189,254)
```

Monochromatic Color

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

#2cccfd
```
#2cccfd rgb(44,204,253)
```
#2cbbfd
```
#2cbbfd rgb(44,187,253)
```
#2ca9fd
```
#2ca9fd rgb(44,169,253)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#2c87fd
```
#2c87fd rgb(44,135,253)
```
#2c75fd
```
#2c75fd rgb(44,117,253)
```
#2c64fd
```
#2c64fd rgb(44,100,253)
```

Similar Colors

Text with hexadecimal color #2c98fd

This text has a font color of #2c98fd.

<span style="color:#2c98fd;">Text here</span>

#2c98fd background color

This paragraph has a background color of #2c98fd.

<p style="background-color:#2c98fd;">Content here</p>

#2c98fd border color

This element has a border color of #2c98fd.

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

CSS codes

.text {color:#2c98fd;}

.background {background-color:#2c98fd;}

.border {border:1px solid #2c98fd;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000c16
```
#000c16 rgb(0,12,22)
```
#00162a
```
#00162a rgb(0,22,42)
```
#01203d
```
#01203d rgb(1,32,61)
```
#012a50
```
#012a50 rgb(1,42,80)
```
#013464
```
#013464 rgb(1,52,100)
```
#013e77
```
#013e77 rgb(1,62,119)
```
#01488b
```
#01488b rgb(1,72,139)
```
#01529e
```
#01529e rgb(1,82,158)
```
#025db2
```
#025db2 rgb(2,93,178)
```
#0267c5
```
#0267c5 rgb(2,103,197)
```
#0271d8
```
#0271d8 rgb(2,113,216)
```
#027bec
```
#027bec rgb(2,123,236)
```

Shade Color Variation

#0585fd
```
#0585fd rgb(5,133,253)
```
#198ffd
```
#198ffd rgb(25,143,253)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```
#3fa1fd
```
#3fa1fd rgb(63,161,253)
```
#53abfd
```
#53abfd rgb(83,171,253)
```
#66b4fe
```
#66b4fe rgb(102,180,254)
```
#7abefe
```
#7abefe rgb(122,190,254)
```
#8dc7fe
```
#8dc7fe rgb(141,199,254)
```
#a1d1fe
```
#a1d1fe rgb(161,209,254)
```
#b4dafe
```
#b4dafe rgb(180,218,254)
```
#c7e4fe
```
#c7e4fe rgb(199,228,254)
```
#dbedff
```
#dbedff rgb(219,237,255)
```
#eef7ff
```
#eef7ff rgb(238,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e959b is the less saturated color, while #2c98fd is the most saturated one.

#8e959b
```
#8e959b rgb(142,149,155)
```
#8695a3
```
#8695a3 rgb(134,149,163)
```
#7e95ab
```
#7e95ab rgb(126,149,171)
```
#7696b3
```
#7696b3 rgb(118,150,179)
```
#6e96bb
```
#6e96bb rgb(110,150,187)
```
#6596c4
```
#6596c4 rgb(101,150,196)
```
#5d96cc
```
#5d96cc rgb(93,150,204)
```
#5597d4
```
#5597d4 rgb(85,151,212)
```
#4d97dc
```
#4d97dc rgb(77,151,220)
```
#4597e4
```
#4597e4 rgb(69,151,228)
```
#3c97ed
```
#3c97ed rgb(60,151,237)
```
#3498f5
```
#3498f5 rgb(52,152,245)
```
#2c98fd
```
#2c98fd rgb(44,152,253)
```

Tone Color Variation

Below, you can see how #2c98fd 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

#838383 Achromatopsia 0.005% of the population
#72879b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e97f8 Protanopia 1% of men
#429cfd Deuteranopia 1% of men
#00a9b4 Tritanopia 0.001% of the population

Trichromacy

#5697f9 Protanomaly 1% of men, 0.01% of women
#3a9afd Deuteranomaly 6% of men, 0.4% of women
#10a3ce Tritanomaly 0.01% of the population