#2f48de hex color

In a RGB color space, hex #2f48de is composed of 18.4% red, 28.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 67.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 231.4 degrees, a saturation of 72.6% and a lightness of 52.7%. #2f48de color hex could be obtained by blending #5e90ff with #0000bd. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 87
RGB color chart
- C 79
- M 68
- Y 0
- K 13
CMYK color chart

● #2f48de color description : Bright blue.

The hexadecimal color #2f48de has RGB values of R:47, G:72, B:222 and CMYK values of C:0.79, M:0.68, Y:0, K:0.13. Its decimal value is 3098846.

Hex triplet	2f48de	`#2f48de`
RGB Decimal	47, 72, 222	`rgb(47,72,222)`
RGB Percent	18.4, 28.2, 87.1	`rgb(18.4%,28.2%,87.1%)`
CMYK	79, 68, 0, 13
HSL	231.4°, 72.6, 52.7	`hsl(231.4,72.6%,52.7%)`
HSV (or HSB)	231.4°, 78.8, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.746, 43.915, -78.433
XYZ	16.672, 10.512, 70.254
xyY	0.171, 0.108, 10.512
CIE-LCH	38.746, 89.89, 299.245
CIE-LUV	38.746, -12.429, -112.161
Hunter-Lab	32.422, 35.049, -105.777
Binary	00101111, 01001000, 11011110

#2f48de
```
#2f48de rgb(47,72,222)
```
#dec52f
```
#dec52f rgb(222,197,47)
```

Complementary Color

#2fa0de
```
#2fa0de rgb(47,160,222)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#6e2fde
```
#6e2fde rgb(110,47,222)
```

Analogous Color

#a0de2f
```
#a0de2f rgb(160,222,47)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#de6e2f
```
#de6e2f rgb(222,110,47)
```

Split Complementary Color

#48de2f
```
#48de2f rgb(72,222,47)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#de2f48
```
#de2f48 rgb(222,47,72)
```

Triadic Color

#2fdec5
```
#2fdec5 rgb(47,222,197)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#de2f48
```
#de2f48 rgb(222,47,72)
```
#dec52f
```
#dec52f rgb(222,197,47)
```

Tetradic Color

#1a2ea6
```
#1a2ea6 rgb(26,46,166)
```
#1e34bc
```
#1e34bc rgb(30,52,188)
```
#213bd2
```
#213bd2 rgb(33,59,210)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#455be1
```
#455be1 rgb(69,91,225)
```
#5b6fe5
```
#5b6fe5 rgb(91,111,229)
```
#7182e8
```
#7182e8 rgb(113,130,232)
```

Monochromatic Color

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

#2f74de
```
#2f74de rgb(47,116,222)
```
#2f65de
```
#2f65de rgb(47,101,222)
```
#2f57de
```
#2f57de rgb(47,87,222)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#2f39de
```
#2f39de rgb(47,57,222)
```
#332fde
```
#332fde rgb(51,47,222)
```
#422fde
```
#422fde rgb(66,47,222)
```

Similar Colors

Text with hexadecimal color #2f48de

This text has a font color of #2f48de.

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

#2f48de background color

This paragraph has a background color of #2f48de.

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

#2f48de border color

This element has a border color of #2f48de.

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

CSS codes

.text {color:#2f48de;}

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

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

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, #02030c is the darkest color, while #fafbfe is the lightest one.

#02030c
```
#02030c rgb(2,3,12)
```
#05081d
```
#05081d rgb(5,8,29)
```
#070d2e
```
#070d2e rgb(7,13,46)
```
#0a123f
```
#0a123f rgb(10,18,63)
```
#0d1650
```
#0d1650 rgb(13,22,80)
```
#0f1b61
```
#0f1b61 rgb(15,27,97)
```
#122072
```
#122072 rgb(18,32,114)
```
#152483
```
#152483 rgb(21,36,131)
```
#172994
```
#172994 rgb(23,41,148)
```
#1a2ea4
```
#1a2ea4 rgb(26,46,164)
```
#1d33b5
```
#1d33b5 rgb(29,51,181)
```
#1f37c6
```
#1f37c6 rgb(31,55,198)
```
#223cd7
```
#223cd7 rgb(34,60,215)
```

Shade Color Variation

#2f48de
```
#2f48de rgb(47,72,222)
```
#4057e1
```
#4057e1 rgb(64,87,225)
```
#5166e3
```
#5166e3 rgb(81,102,227)
```
#6275e6
```
#6275e6 rgb(98,117,230)
```
#7384e9
```
#7384e9 rgb(115,132,233)
```
#8492eb
```
#8492eb rgb(132,146,235)
```
#95a1ee
```
#95a1ee rgb(149,161,238)
```
#a6b0f1
```
#a6b0f1 rgb(166,176,241)
```
#b6bff3
```
#b6bff3 rgb(182,191,243)
```
#c7cef6
```
#c7cef6 rgb(199,206,246)
```
#d8ddf9
```
#d8ddf9 rgb(216,221,249)
```
#e9ecfc
```
#e9ecfc rgb(233,236,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82848b is the less saturated color, while #1334fa is the most saturated one.

#82848b
```
#82848b rgb(130,132,139)
```
#797d94
```
#797d94 rgb(121,125,148)
```
#70769d
```
#70769d rgb(112,118,157)
```
#6770a6
```
#6770a6 rgb(103,112,166)
```
#5d69b0
```
#5d69b0 rgb(93,105,176)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#4b5cc2
```
#4b5cc2 rgb(75,92,194)
```
#4255cb
```
#4255cb rgb(66,85,203)
```
#384fd5
```
#384fd5 rgb(56,79,213)
```
#2f48de
```
#2f48de rgb(47,72,222)
```
#2641e7
```
#2641e7 rgb(38,65,231)
```
#1c3bf1
```
#1c3bf1 rgb(28,59,241)
```
#1334fa
```
#1334fa rgb(19,52,250)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1157c8 Protanomaly 1% of men, 0.01% of women
#115bb8 Deuteranomaly 6% of men, 0.4% of women
#115f9a Tritanomaly 0.01% of the population

#2f48de hex color

#2f48de Color Information

#2f48de Color Conversion

Color Schemes with #2f48de

Alternatives to #2f48de

#2f48de Preview

Shades and Tints of #2f48de

Tones of #2f48de

Color Blindness Simulator