Nearest named color · #DCE6FA
#DCE6FA
Nearest named color: Puffy Cloud
#DCE6FA (rgb(220 230 250), hsl(220 75% 92%), oklch(0.923 0.029 264.4)) is closest to the named color Puffy Cloud. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DCE6FA
oklch(0.923 0.029 264.4)
Color conversions
- HEX
- #dce6fa
- RGB
- rgb(220 230 250)
- HSL
- hsl(220 75% 92%)
- HWB
- hwb(220 86% 2%)
- OKLCH
- oklch(0.923 0.029 264.4)
- OKLab
- oklab(0.923 -0.003 -0.029)
- CIE Lab
- lab(90.98 -0.57 -10.94)
- LCH
- lch(90.98 10.96 267)
- CMYK
- cmyk(12% 8% 0% 2%)
Tints · Shades · Tones
Tints
- DFE8FB
- E3EBFB
- E6EDFC
- EAF0FC
- EDF2FD
- F1F5FD
- F4F7FE
- F8FAFE
- FBFCFF
Shades
- BFC8D9
- A3ABBA
- 888E9B
- 6E737D
- 545961
- 3C4046
- 26282D
- 111315
- 020303
Tones
- D2DBED
- C9D1E0
- BFC6D4
- B6BCC8
- ADB2BB
- A4A8AF
- 9B9DA3
- 929497
- 898A8C
Color harmonies
Complementary +180°
- DCE6FA
Puffy Cloud
- EFE5D0
≈ White Warm Wool
Analogous -30° +30°
- DCE6FA
Puffy Cloud
- D4E9F7
≈ Freezing Vapour
- E6E2F8
≈ Lavender Mist
Triadic +120° +240°
- DCE6FA
Puffy Cloud
- F9DFDC
≈ Pale Perfection
- DAEBDA
≈ Cottage Green
Split-complementary +150° +210°
- DCE6FA
Puffy Cloud
- F6E1D4
≈ Peach Everlasting
- E5E8D2
≈ Pale Pistachio
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.74:1 · APCA Lc 91
Best text color: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--puffy-cloud: #dce6fa;
--puffy-cloud-rgb: 220 230 250;
--puffy-cloud-oklch: oklch(0.923 0.029 264.4);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(220 75% 92%);
border-color: oklch(0.923 0.029 264.4);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #dce6fa;
--color-puffy-cloud-50: #f1f5fe;
--color-puffy-cloud-100: #e3e8f2;
--color-puffy-cloud-200: #ced4e1;
--color-puffy-cloud-300: #b0b7c7;
--color-puffy-cloud-400: #969fb0;
--color-puffy-cloud-500: #7c869a;
--color-puffy-cloud-600: #697282;
--color-puffy-cloud-700: #545b68;
--color-puffy-cloud-800: #3d434d;
--color-puffy-cloud-900: #2a2e35;
--color-puffy-cloud-950: #171b21;
}SCSS
$puffy-cloud: #dce6fa;
$puffy-cloud-rgb: 220, 230, 250;
$puffy-cloud-light: mix(#fff, $puffy-cloud, 20%);
$puffy-cloud-dark: mix(#000, $puffy-cloud, 20%);
.element {
color: $puffy-cloud;
box-shadow: 0 0 0 2px rgba($puffy-cloud, 0.35);
}