Benannte Farbe · #F9E2D0
Sandy Beach
Sandy Beach ist #F9E2D0: rgb(249 226 208), hsl(26 77% 90%), oklch(0.927 0.035 60.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sandy Beach color name →
#F9E2D0
oklch(0.927 0.035 60.4)
Farbumrechnungen
- HEX
- #f9e2d0
- RGB
- rgb(249 226 208)
- HSL
- hsl(26 77% 90%)
- HWB
- hwb(26 82% 2%)
- OKLCH
- oklch(0.927 0.035 60.4)
- OKLab
- oklab(0.927 0.017 0.03)
- CIE Lab
- lab(91.42 6.05 11.85)
- LCH
- lch(91.42 13.3 63)
- CMYK
- cmyk(0% 9% 16% 2%)
Tints · Shades · Tones
Tints
- FAE5D5
- FAE8D9
- FBEBDE
- FCEEE3
- FCF1E7
- FDF3EC
- FDF6F1
- FEF9F6
- FEFCFA
Shades
- D9C4B5
- B9A89A
- 9A8C80
- 7D7167
- 61574F
- 463E39
- 2C2723
- 151210
- 030302
Tones
- ECD8C8
- E0CEC0
- D3C4B7
- C7BAAF
- BBB0A7
- AFA69F
- A39C97
- 979390
- 8B8988
Farbharmonien
Komplementär +180°
- F9E2D0
Sandy Beach
- D3EBFC
≈ Cloudless
Analog -30° +30°
- F9E2D0
Sandy Beach
- FDDFD9
≈ Pink Glitter
- F0E6CD
≈ Wax Poetic
Triadisch +120° +240°
- F9E2D0
Sandy Beach
- CFEFE8
≈ Underwater
- EAE2FB
≈ Lavender Mist
Geteilt komplementär +150° +210°
- F9E2D0
Sandy Beach
- CDEEF4
≈ Diamond League
- DEE6FF
≈ Lavender Mist
Tetradisch +90° +180° +270°
- F9E2D0
Sandy Beach
- D7EEDB
≈ Winter Fresh
- D3EBFC
≈ Cloudless
- F5DFF2
≈ Sheer Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.81:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--sandy-beach: #f9e2d0;
--sandy-beach-rgb: 249 226 208;
--sandy-beach-oklch: oklch(0.927 0.035 60.4);
}
.element {
color: var(--sandy-beach);
background-color: hsl(26 77% 90%);
border-color: oklch(0.927 0.035 60.4);
}Tailwind CSS v4
@theme {
--color-sandy-beach: #f9e2d0;
--color-sandy-beach-50: #fdf3eb;
--color-sandy-beach-100: #f1e6dc;
--color-sandy-beach-200: #e0d1c5;
--color-sandy-beach-300: #c5b4a6;
--color-sandy-beach-400: #ae9a8a;
--color-sandy-beach-500: #98816f;
--color-sandy-beach-600: #806d5e;
--color-sandy-beach-700: #67574b;
--color-sandy-beach-800: #4c4037;
--color-sandy-beach-900: #352c25;
--color-sandy-beach-950: #201914;
}SCSS
$sandy-beach: #f9e2d0;
$sandy-beach-rgb: 249, 226, 208;
$sandy-beach-light: mix(#fff, $sandy-beach, 20%);
$sandy-beach-dark: mix(#000, $sandy-beach, 20%);
.element {
color: $sandy-beach;
box-shadow: 0 0 0 2px rgba($sandy-beach, 0.35);
}