Benoemde kleur · #E7DBBF
Deserted Beach
Deserted Beach is #E7DBBF: rgb(231 219 191), hsl(42 45% 83%), oklch(0.894 0.039 87.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Deserted Beach color name →
#E7DBBF
oklch(0.894 0.039 87.6)
Kleurconversies
- HEX
- #e7dbbf
- RGB
- rgb(231 219 191)
- HSL
- hsl(42 45% 83%)
- HWB
- hwb(42 75% 9%)
- OKLCH
- oklch(0.894 0.039 87.6)
- OKLab
- oklab(0.894 0.002 0.039)
- CIE Lab
- lab(87.83 0.91 15.38)
- LCH
- lch(87.83 15.41 86.6)
- CMYK
- cmyk(0% 5% 17% 9%)
Tinten · Schaduwen · Tonen
Tinten
- E9DFC5
- ECE2CC
- EEE6D2
- F1E9D9
- F3EDDF
- F5F1E5
- F8F4EC
- FAF8F2
- FDFBF9
Schaduwen
- C9BEA6
- ABA28D
- 8F8775
- 736D5E
- 595448
- 403C33
- 28261F
- 13110D
- 030202
Tonen
- DCD2B9
- D2C8B2
- C7BFAC
- BCB6A5
- B2AC9F
- A8A399
- 9E9A93
- 94928C
- 8A8986
Kleurharmonieën
Complementair +180°
- E7DBBF
Deserted Beach
- D0DCF7
≈ Icy Plains
Analoog -30° +30°
- E7DBBF
Deserted Beach
- F1D6C3
≈ Iced Apricot
- D9E0C3
≈ Airy Fields
Triadisch +120° +240°
- E7DBBF
Deserted Beach
- BFE4E9
≈ Minified Jade
- EBD3EA
≈ Scented Spring
Gesplitst complementair +150° +210°
- E7DBBF
Deserted Beach
- C5E1F3
≈ Fresh Water
- DED7F4
≈ Japan Blush
Tetradisch +90° +180° +270°
- E7DBBF
Deserted Beach
- C1E5DC
≈ Tame Teal
- D0DCF7
≈ Icy Plains
- F3D2DC
≈ Priscilla
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.37:1 · APCA Lc 18
Ag
AAAOp zwart
WCAG 15.28:1 · APCA Lc 85
Beste tekstkleur: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Codefragmenten
CSS
:root {
--deserted-beach: #e7dbbf;
--deserted-beach-rgb: 231 219 191;
--deserted-beach-oklch: oklch(0.894 0.039 87.6);
}
.element {
color: var(--deserted-beach);
background-color: hsl(42 45% 83%);
border-color: oklch(0.894 0.039 87.6);
}Tailwind CSS v4
@theme {
--color-deserted-beach: #e7dbbf;
--color-deserted-beach-50: #f9f5e9;
--color-deserted-beach-100: #ede8d9;
--color-deserted-beach-200: #dbd4c2;
--color-deserted-beach-300: #bfb7a1;
--color-deserted-beach-400: #a89d84;
--color-deserted-beach-500: #918568;
--color-deserted-beach-600: #7b7159;
--color-deserted-beach-700: #625a47;
--color-deserted-beach-800: #494233;
--color-deserted-beach-900: #322d23;
--color-deserted-beach-950: #1e1a12;
}SCSS
$deserted-beach: #e7dbbf;
$deserted-beach-rgb: 231, 219, 191;
$deserted-beach-light: mix(#fff, $deserted-beach, 20%);
$deserted-beach-dark: mix(#000, $deserted-beach, 20%);
.element {
color: $deserted-beach;
box-shadow: 0 0 0 2px rgba($deserted-beach, 0.35);
}