#2148fd hex color

In a RGB color space, hex #2148fd is composed of 12.9% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 229.4 degrees, a saturation of 98.2% and a lightness of 56.1%. #2148fd color hex could be obtained by blending #4290ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 28
- B 99
RGB color chart
- C 87
- M 72
- Y 0
- K 1
CMYK color chart

● #2148fd color description : Vivid blue.

The hexadecimal color #2148fd has RGB values of R:33, G:72, B:253 and CMYK values of C:0.87, M:0.72, Y:0, K:0.01. Its decimal value is 2181373.

Hex triplet	2148fd	`#2148fd`
RGB Decimal	33, 72, 253	`rgb(33,72,253)`
RGB Percent	12.9, 28.2, 99.2	`rgb(12.9%,28.2%,99.2%)`
CMYK	87, 72, 0, 1
HSL	229.4°, 98.2, 56.1	`hsl(229.4,98.2%,56.1%)`
HSV (or HSB)	229.4°, 87, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.293, 53.731, -91.764
XYZ	20.671, 12.048, 94.159
xyY	0.163, 0.095, 12.048
CIE-LCH	41.293, 106.338, 300.35
CIE-LUV	41.293, -14.474, -131.109
Hunter-Lab	34.711, 45.555, -136.538
Binary	00100001, 01001000, 11111101

#2148fd
```
#2148fd rgb(33,72,253)
```
#fdd621
```
#fdd621 rgb(253,214,33)
```

Complementary Color

#21b6fd
```
#21b6fd rgb(33,182,253)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#6821fd
```
#6821fd rgb(104,33,253)
```

Analogous Color

#b6fd21
```
#b6fd21 rgb(182,253,33)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#fd6821
```
#fd6821 rgb(253,104,33)
```

Split Complementary Color

#48fd21
```
#48fd21 rgb(72,253,33)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#fd2148
```
#fd2148 rgb(253,33,72)
```

Triadic Color

#21fdd6
```
#21fdd6 rgb(33,253,214)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#fd2148
```
#fd2148 rgb(253,33,72)
```
#fdd621
```
#fdd621 rgb(253,214,33)
```

Tetradic Color

#0226d0
```
#0226d0 rgb(2,38,208)
```
#022be9
```
#022be9 rgb(2,43,233)
```
#0833fd
```
#0833fd rgb(8,51,253)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#3a5dfd
```
#3a5dfd rgb(58,93,253)
```
#5472fd
```
#5472fd rgb(84,114,253)
```
#6d86fe
```
#6d86fe rgb(109,134,254)
```

Monochromatic Color

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

#217ffd
```
#217ffd rgb(33,127,253)
```
#216dfd
```
#216dfd rgb(33,109,253)
```
#215afd
```
#215afd rgb(33,90,253)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#2136fd
```
#2136fd rgb(33,54,253)
```
#2123fd
```
#2123fd rgb(33,35,253)
```
#3121fd
```
#3121fd rgb(49,33,253)
```

Similar Colors

Text with hexadecimal color #2148fd

This text has a font color of #2148fd.

<span style="color:#2148fd;">Text here</span>

#2148fd background color

This paragraph has a background color of #2148fd.

<p style="background-color:#2148fd;">Content here</p>

#2148fd border color

This element has a border color of #2148fd.

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

CSS codes

.text {color:#2148fd;}

.background {background-color:#2148fd;}

.border {border:1px solid #2148fd;}

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

#00020b
```
#00020b rgb(0,2,11)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000932
```
#000932 rgb(0,9,50)
```
#010d46
```
#010d46 rgb(1,13,70)
```
#011059
```
#011059 rgb(1,16,89)
```
#01146c
```
#01146c rgb(1,20,108)
```
#011880
```
#011880 rgb(1,24,128)
```
#011b93
```
#011b93 rgb(1,27,147)
```
#021fa7
```
#021fa7 rgb(2,31,167)
```
#0222ba
```
#0222ba rgb(2,34,186)
```
#0226ce
```
#0226ce rgb(2,38,206)
```
#022ae1
```
#022ae1 rgb(2,42,225)
```
#022df5
```
#022df5 rgb(2,45,245)
```

Shade Color Variation

#0e38fd
```
#0e38fd rgb(14,56,253)
```
#2148fd
```
#2148fd rgb(33,72,253)
```
#3458fd
```
#3458fd rgb(52,88,253)
```
#4868fd
```
#4868fd rgb(72,104,253)
```
#5b78fe
```
#5b78fe rgb(91,120,254)
```
#6f88fe
```
#6f88fe rgb(111,136,254)
```
#8298fe
```
#8298fe rgb(130,152,254)
```
#96a8fe
```
#96a8fe rgb(150,168,254)
```
#a9b8fe
```
#a9b8fe rgb(169,184,254)
```
#bdc8fe
```
#bdc8fe rgb(189,200,254)
```
#d0d8ff
```
#d0d8ff rgb(208,216,255)
```
#e3e8ff
```
#e3e8ff rgb(227,232,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b96 is the less saturated color, while #2148fd is the most saturated one.

#888b96
```
#888b96 rgb(136,139,150)
```
#80859e
```
#80859e rgb(128,133,158)
```
#7780a7
```
#7780a7 rgb(119,128,167)
```
#6f7aaf
```
#6f7aaf rgb(111,122,175)
```
#6674b8
```
#6674b8 rgb(102,116,184)
```
#5d6fc1
```
#5d6fc1 rgb(93,111,193)
```
#5569c9
```
#5569c9 rgb(85,105,201)
```
#4c64d2
```
#4c64d2 rgb(76,100,210)
```
#435edb
```
#435edb rgb(67,94,219)
```
#3b59e3
```
#3b59e3 rgb(59,89,227)
```
#3253ec
```
#3253ec rgb(50,83,236)
```
#2a4ef4
```
#2a4ef4 rgb(42,78,244)
```
#2148fd
```
#2148fd rgb(33,72,253)
```

Tone Color Variation

Below, you can see how #2148fd 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

#515151 Achromatopsia 0.005% of the population
#474f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0c5bda Protanomaly 1% of men, 0.01% of women
#0c5fc9 Deuteranomaly 6% of men, 0.4% of women
#0c64a9 Tritanomaly 0.01% of the population

#2148fd hex color

#2148fd Color Information

#2148fd Color Conversion

Color Schemes with #2148fd

Alternatives to #2148fd

#2148fd Preview

Shades and Tints of #2148fd

Tones of #2148fd

Color Blindness Simulator