#2d67f2 hex color

In a RGB color space, hex #2d67f2 is composed of 17.6% red, 40.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 57.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.3 degrees, a saturation of 88.3% and a lightness of 56.3%. #2d67f2 color hex could be obtained by blending #5aceff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 40
- B 95
RGB color chart
- C 81
- M 57
- Y 0
- K 5
CMYK color chart

● #2d67f2 color description : Bright blue.

The hexadecimal color #2d67f2 has RGB values of R:45, G:103, B:242 and CMYK values of C:0.81, M:0.57, Y:0, K:0.05. Its decimal value is 2975730.

Hex triplet	2d67f2	`#2d67f2`
RGB Decimal	45, 103, 242	`rgb(45,103,242)`
RGB Percent	17.6, 40.4, 94.9	`rgb(17.6%,40.4%,94.9%)`
CMYK	81, 57, 0, 5
HSL	222.3°, 88.3, 56.3	`hsl(222.3,88.3%,56.3%)`
HSV (or HSB)	222.3°, 81.4, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.838, 31.625, -74.851
XYZ	21.956, 16.667, 86.06
xyY	0.176, 0.134, 16.667
CIE-LCH	47.838, 81.258, 292.905
CIE-LUV	47.838, -20.013, -115.289
Hunter-Lab	40.826, 24.552, -96.403
Binary	00101101, 01100111, 11110010

#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#f2b82d
```
#f2b82d rgb(242,184,45)
```

Complementary Color

#2dcaf2
```
#2dcaf2 rgb(45,202,242)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#562df2
```
#562df2 rgb(86,45,242)
```

Analogous Color

#caf22d
```
#caf22d rgb(202,242,45)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#f2562d
```
#f2562d rgb(242,86,45)
```

Split Complementary Color

#67f22d
```
#67f22d rgb(103,242,45)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#f22d67
```
#f22d67 rgb(242,45,103)
```

Triadic Color

#2df2b8
```
#2df2b8 rgb(45,242,184)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#f22d67
```
#f22d67 rgb(242,45,103)
```
#f2b82d
```
#f2b82d rgb(242,184,45)
```

Tetradic Color

#0c43c6
```
#0c43c6 rgb(12,67,198)
```
#0e4bde
```
#0e4bde rgb(14,75,222)
```
#1556f1
```
#1556f1 rgb(21,86,241)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#4578f3
```
#4578f3 rgb(69,120,243)
```
#5d8af5
```
#5d8af5 rgb(93,138,245)
```
#759bf6
```
#759bf6 rgb(117,155,246)
```

Monochromatic Color

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

#2d98f2
```
#2d98f2 rgb(45,152,242)
```
#2d88f2
```
#2d88f2 rgb(45,136,242)
```
#2d77f2
```
#2d77f2 rgb(45,119,242)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#2d57f2
```
#2d57f2 rgb(45,87,242)
```
#2d46f2
```
#2d46f2 rgb(45,70,242)
```
#2d36f2
```
#2d36f2 rgb(45,54,242)
```

Similar Colors

Text with hexadecimal color #2d67f2

This text has a font color of #2d67f2.

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

#2d67f2 background color

This paragraph has a background color of #2d67f2.

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

#2d67f2 border color

This element has a border color of #2d67f2.

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

CSS codes

.text {color:#2d67f2;}

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

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

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

#01040c
```
#01040c rgb(1,4,12)
```
#020a1e
```
#020a1e rgb(2,10,30)
```
#031031
```
#031031 rgb(3,16,49)
```
#041743
```
#041743 rgb(4,23,67)
```
#051d56
```
#051d56 rgb(5,29,86)
```
#062368
```
#062368 rgb(6,35,104)
```
#08297a
```
#08297a rgb(8,41,122)
```
#09308d
```
#09308d rgb(9,48,141)
```
#0a369f
```
#0a369f rgb(10,54,159)
```
#0b3cb2
```
#0b3cb2 rgb(11,60,178)
```
#0c42c4
```
#0c42c4 rgb(12,66,196)
```
#0d49d7
```
#0d49d7 rgb(13,73,215)
```
#0e4fe9
```
#0e4fe9 rgb(14,79,233)
```

Shade Color Variation

#1b5af1
```
#1b5af1 rgb(27,90,241)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#3f74f3
```
#3f74f3 rgb(63,116,243)
```
#5282f4
```
#5282f4 rgb(82,130,244)
```
#648ff5
```
#648ff5 rgb(100,143,245)
```
#779cf7
```
#779cf7 rgb(119,156,247)
```
#89aaf8
```
#89aaf8 rgb(137,170,248)
```
#9cb7f9
```
#9cb7f9 rgb(156,183,249)
```
#aec5fa
```
#aec5fa rgb(174,197,250)
```
#c1d2fb
```
#c1d2fb rgb(193,210,251)
```
#d3dffc
```
#d3dffc rgb(211,223,252)
```
#e6edfd
```
#e6edfd rgb(230,237,253)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#8b8e94
```
#8b8e94 rgb(139,142,148)
```
#838a9c
```
#838a9c rgb(131,138,156)
```
#7a87a5
```
#7a87a5 rgb(122,135,165)
```
#7283ad
```
#7283ad rgb(114,131,173)
```
#6980b6
```
#6980b6 rgb(105,128,182)
```
#607cbf
```
#607cbf rgb(96,124,191)
```
#5879c7
```
#5879c7 rgb(88,121,199)
```
#4f75d0
```
#4f75d0 rgb(79,117,208)
```
#4772d8
```
#4772d8 rgb(71,114,216)
```
#3e6ee1
```
#3e6ee1 rgb(62,110,225)
```
#366be9
```
#366be9 rgb(54,107,233)
```
#2d67f2
```
#2d67f2 rgb(45,103,242)
```
#2463fb
```
#2463fb rgb(36,99,251)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b6682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#1070ea Protanomaly 1% of men, 0.01% of women
#1074d7 Deuteranomaly 6% of men, 0.4% of women
#1079b1 Tritanomaly 0.01% of the population

#2d67f2 hex color

#2d67f2 Color Information

#2d67f2 Color Conversion

Color Schemes with #2d67f2

Alternatives to #2d67f2

#2d67f2 Preview

Shades and Tints of #2d67f2

Tones of #2d67f2

Color Blindness Simulator