#dcdcf3 hex color

In a RGB color space, hex #dcdcf3 is composed of 86.3% red, 86.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 9.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 240 degrees, a saturation of 48.9% and a lightness of 90.8%. #dcdcf3 color hex could be obtained by blending #ffffff with #b9b9e7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 86
- G 86
- B 95
RGB color chart
- C 9
- M 9
- Y 0
- K 5
CMYK color chart

● #dcdcf3 color description : Light grayish blue.

The hexadecimal color #dcdcf3 has RGB values of R:220, G:220, B:243 and CMYK values of C:0.09, M:0.09, Y:0, K:0.05. Its decimal value is 14474483.

Hex triplet	dcdcf3	`#dcdcf3`
RGB Decimal	220, 220, 243	`rgb(220,220,243)`
RGB Percent	86.3, 86.3, 95.3	`rgb(86.3%,86.3%,95.3%)`
CMYK	9, 9, 0, 5
HSL	240°, 48.9, 90.8	`hsl(240,48.9%,90.8%)`
HSV (or HSB)	240°, 9.5, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.387, 4.331, -11.2
XYZ	71.283, 72.873, 95.1
xyY	0.298, 0.305, 72.873
CIE-LCH	88.387, 12.008, 291.144
CIE-LUV	88.387, -1.324, -18.293
Hunter-Lab	85.366, -0.336, -6.295
Binary	11011100, 11011100, 11110011

#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#f3f3dc
```
#f3f3dc rgb(243,243,220)
```

Complementary Color

#dce8f3
```
#dce8f3 rgb(220,232,243)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#e8dcf3
```
#e8dcf3 rgb(232,220,243)
```

Analogous Color

#e8f3dc
```
#e8f3dc rgb(232,243,220)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#f3e8dc
```
#f3e8dc rgb(243,232,220)
```

Split Complementary Color

#dcf3dc
```
#dcf3dc rgb(220,243,220)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#f3dcdc
```
#f3dcdc rgb(243,220,220)
```

Triadic Color

#dcf3f3
```
#dcf3f3 rgb(220,243,243)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#f3dcdc
```
#f3dcdc rgb(243,220,220)
```
#f3f3dc
```
#f3f3dc rgb(243,243,220)
```

Tetradic Color

#a3a3df
```
#a3a3df rgb(163,163,223)
```
#b6b6e6
```
#b6b6e6 rgb(182,182,230)
```
#c9c9ec
```
#c9c9ec rgb(201,201,236)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#efeffa
```
#efeffa rgb(239,239,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dce2f3
```
#dce2f3 rgb(220,226,243)
```
#dce0f3
```
#dce0f3 rgb(220,224,243)
```
#dcdef3
```
#dcdef3 rgb(220,222,243)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#dedcf3
```
#dedcf3 rgb(222,220,243)
```
#e0dcf3
```
#e0dcf3 rgb(224,220,243)
```
#e2dcf3
```
#e2dcf3 rgb(226,220,243)
```

Similar Colors

Text with hexadecimal color #dcdcf3

This text has a font color of #dcdcf3.

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

#dcdcf3 background color

This paragraph has a background color of #dcdcf3.

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

#dcdcf3 border color

This element has a border color of #dcdcf3.

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

CSS codes

.text {color:#dcdcf3;}

.background {background-color:#dcdcf3;}

.border {border:1px solid #dcdcf3;}

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

#030309
```
#030309 rgb(3,3,9)
```
#080817
```
#080817 rgb(8,8,23)
```
#0d0d26
```
#0d0d26 rgb(13,13,38)
```
#121235
```
#121235 rgb(18,18,53)
```
#171743
```
#171743 rgb(23,23,67)
```
#1c1c52
```
#1c1c52 rgb(28,28,82)
```
#212160
```
#212160 rgb(33,33,96)
```
#26266f
```
#26266f rgb(38,38,111)
```
#2b2b7e
```
#2b2b7e rgb(43,43,126)
```
#30308c
```
#30308c rgb(48,48,140)
```
#35359b
```
#35359b rgb(53,53,155)
```
#3a3aaa
```
#3a3aaa rgb(58,58,170)
```
#3f3fb8
```
#3f3fb8 rgb(63,63,184)
```

Shade Color Variation

#4a4ac1
```
#4a4ac1 rgb(74,74,193)
```
#5959c6
```
#5959c6 rgb(89,89,198)
```
#6767cb
```
#6767cb rgb(103,103,203)
```
#7676d0
```
#7676d0 rgb(118,118,208)
```
#8484d5
```
#8484d5 rgb(132,132,213)
```
#9393da
```
#9393da rgb(147,147,218)
```
#a2a2df
```
#a2a2df rgb(162,162,223)
```
#b0b0e4
```
#b0b0e4 rgb(176,176,228)
```
#bfbfe9
```
#bfbfe9 rgb(191,191,233)
```
#cdcdee
```
#cdcdee rgb(205,205,238)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#ebebf8
```
#ebebf8 rgb(235,235,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#e7e7e8
```
#e7e7e8 rgb(231,231,232)
```
#e5e5ea
```
#e5e5ea rgb(229,229,234)
```
#e3e3ec
```
#e3e3ec rgb(227,227,236)
```
#e1e1ee
```
#e1e1ee rgb(225,225,238)
```
#e0e0ef
```
#e0e0ef rgb(224,224,239)
```
#dedef1
```
#dedef1 rgb(222,222,241)
```
#dcdcf3
```
#dcdcf3 rgb(220,220,243)
```
#dadaf5
```
#dadaf5 rgb(218,218,245)
```
#d8d8f7
```
#d8d8f7 rgb(216,216,247)
```
#d7d7f8
```
#d7d7f8 rgb(215,215,248)
```
#d5d5fa
```
#d5d5fa rgb(213,213,250)
```
#d3d3fc
```
#d3d3fc rgb(211,211,252)
```
#d1d1fe
```
#d1d1fe rgb(209,209,254)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#dedee3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdef3 Protanopia 1% of men
#e9d9f4 Deuteranopia 1% of men
#dcdeee Tritanopia 0.001% of the population

Trichromacy

#dcddf3 Protanomaly 1% of men, 0.01% of women
#e4daf4 Deuteranomaly 6% of men, 0.4% of women
#dcddf0 Tritanomaly 0.01% of the population

#dcdcf3 hex color

#dcdcf3 Color Information

#dcdcf3 Color Conversion

Color Schemes with #dcdcf3

Alternatives to #dcdcf3

#dcdcf3 Preview

Shades and Tints of #dcdcf3

Tones of #dcdcf3

Color Blindness Simulator