Benoemde kleur · #EDF1E3
Aspen Whisper
Aspen Whisper is #EDF1E3: rgb(237 241 227), hsl(77 33% 92%), oklch(0.951 0.019 119.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Aspen Whisper color name →
#EDF1E3
oklch(0.951 0.019 119.8)
Kleurconversies
- HEX
- #edf1e3
- RGB
- rgb(237 241 227)
- HSL
- hsl(77 33% 92%)
- HWB
- hwb(77 89% 5%)
- OKLCH
- oklch(0.951 0.019 119.8)
- OKLab
- oklab(0.951 -0.009 0.016)
- CIE Lab
- lab(94.55 -3.2 6.3)
- LCH
- lch(94.55 7.06 116.9)
- CMYK
- cmyk(2% 0% 6% 5%)
Tinten · Schaduwen · Tonen
Tinten
- EFF2E6
- F1F4E9
- F2F5EB
- F4F7EE
- F6F8F1
- F8F9F4
- FAFBF7
- FBFCF9
- FDFEFC
Schaduwen
- CED2C5
- B0B3A8
- 93958C
- 777971
- 5C5D57
- 42433F
- 2A2B27
- 141412
- 030303
Tonen
- E2E5D9
- D6D9CE
- CBCEC4
- C0C2BA
- B5B7B0
- AAACA6
- 9FA19D
- 959693
- 8A8B89
Kleurharmonieën
Complementair +180°
- EDF1E3
Aspen Whisper
- F0ECFA
≈ Placebo Purple
Analoog -30° +30°
- EDF1E3
Aspen Whisper
- F4EFE1
≈ Divine Pleasure
- E6F3E8
≈ Mint Fizz
Triadisch +120° +240°
- EDF1E3
Aspen Whisper
- E4F1FB
≈ Clear Vision
- FBEAEE
≈ Morning Shine
Gesplitst complementair +150° +210°
- EDF1E3
Aspen Whisper
- EAEFFC
≈ Cotton Boll
- F7EBF5
≈ Placebo Magenta
Tetradisch +90° +180° +270°
- EDF1E3
Aspen Whisper
- E1F3F6
≈ Bone-Chilling
- F0ECFA
≈ Placebo Purple
- FCEBE7
≈ Pink Swirl
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.29:1 · APCA Lc 98
Beste tekstkleur: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
Codefragmenten
CSS
:root {
--aspen-whisper: #edf1e3;
--aspen-whisper-rgb: 237 241 227;
--aspen-whisper-oklch: oklch(0.951 0.019 119.8);
}
.element {
color: var(--aspen-whisper);
background-color: hsl(77 33% 92%);
border-color: oklch(0.951 0.019 119.8);
}Tailwind CSS v4
@theme {
--color-aspen-whisper: #edf1e3;
--color-aspen-whisper-50: #f4f6f0;
--color-aspen-whisper-100: #e7e9e2;
--color-aspen-whisper-200: #d3d6cd;
--color-aspen-whisper-300: #b6b9ae;
--color-aspen-whisper-400: #9da094;
--color-aspen-whisper-500: #84887a;
--color-aspen-whisper-600: #707368;
--color-aspen-whisper-700: #5a5c53;
--color-aspen-whisper-800: #42433c;
--color-aspen-whisper-900: #2d2e29;
--color-aspen-whisper-950: #1a1b17;
}SCSS
$aspen-whisper: #edf1e3;
$aspen-whisper-rgb: 237, 241, 227;
$aspen-whisper-light: mix(#fff, $aspen-whisper, 20%);
$aspen-whisper-dark: mix(#000, $aspen-whisper, 20%);
.element {
color: $aspen-whisper;
box-shadow: 0 0 0 2px rgba($aspen-whisper, 0.35);
}