Nearest named color · #DFEDE2
#DFEDE2
Nearest named color: Pastel Smirk
#DFEDE2 (rgb(223 237 226), hsl(133 28% 90%), oklch(0.933 0.021 152.2)) is closest to the named color Pastel Smirk. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DFEDE2
oklch(0.933 0.021 152.2)
Color conversions
- HEX
- #dfede2
- RGB
- rgb(223 237 226)
- HSL
- hsl(133 28% 90%)
- HWB
- hwb(133 87% 7%)
- OKLCH
- oklch(0.933 0.021 152.2)
- OKLab
- oklab(0.933 -0.018 0.01)
- CIE Lab
- lab(92.46 -6.3 3.66)
- LCH
- lch(92.46 7.29 149.8)
- CMYK
- cmyk(6% 0% 5% 7%)
Tints · Shades · Tones
Tints
- E2EFE5
- E5F1E8
- E9F2EB
- ECF4EE
- EFF6F0
- F2F8F3
- F5FAF6
- F9FBF9
- FCFDFC
Shades
- C2CEC4
- A5B0A8
- 8A938C
- 6F7771
- 565C57
- 3D423E
- 272A27
- 121412
- 020303
Tones
- D5E2D8
- CBD6CE
- C2CBC4
- B8C0BA
- AEB5B0
- A5AAA6
- 9C9F9C
- 929593
- 898A89
Color harmonies
Complementary +180°
- DFEDE2
Pastel Smirk
- F2E4EF
≈ Pale Orchid Petal
Analogous -30° +30°
- DFEDE2
Pastel Smirk
- E6EBDC
≈ Minified Mint
- DAEEEA
≈ Tranquil
Triadic +120° +240°
- DFEDE2
Pastel Smirk
- E4E8F7
≈ Icy Lilac
- F6E4E0
≈ Discreet Romance
Split-complementary +150° +210°
- DFEDE2
Pastel Smirk
- EBE6F5
≈ Tranquil Eve
- F6E3E7
≈ Be Mine
Tetradic +90° +180° +270°
- DFEDE2
Pastel Smirk
- DDEBF6
≈ Ice Fishing
- F2E4EF
≈ Pale Orchid Petal
- F3E6DB
≈ Alabaster
Contrast & accessibility
Ag
FailOn white
WCAG 1.21:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.34:1 · APCA Lc 94
Best text color: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--pastel-smirk: #dfede2;
--pastel-smirk-rgb: 223 237 226;
--pastel-smirk-oklch: oklch(0.933 0.021 152.2);
}
.element {
color: var(--pastel-smirk);
background-color: hsl(133 28% 90%);
border-color: oklch(0.933 0.021 152.2);
}Tailwind CSS v4
@theme {
--color-pastel-smirk: #dfede2;
--color-pastel-smirk-50: #f1f7f2;
--color-pastel-smirk-100: #e3eae5;
--color-pastel-smirk-200: #ced7d0;
--color-pastel-smirk-300: #b0bbb3;
--color-pastel-smirk-400: #96a298;
--color-pastel-smirk-500: #7c8a7f;
--color-pastel-smirk-600: #69756c;
--color-pastel-smirk-700: #545e56;
--color-pastel-smirk-800: #3d443f;
--color-pastel-smirk-900: #2a2f2b;
--color-pastel-smirk-950: #181c18;
}SCSS
$pastel-smirk: #dfede2;
$pastel-smirk-rgb: 223, 237, 226;
$pastel-smirk-light: mix(#fff, $pastel-smirk, 20%);
$pastel-smirk-dark: mix(#000, $pastel-smirk, 20%);
.element {
color: $pastel-smirk;
box-shadow: 0 0 0 2px rgba($pastel-smirk, 0.35);
}