Cor nomeada · #F9E2D0
Sandy Beach
Sandy Beach é #F9E2D0: rgb(249 226 208), hsl(26 77% 90%), oklch(0.927 0.035 60.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sandy Beach color name →
#F9E2D0
oklch(0.927 0.035 60.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FAE5D5
- FAE8D9
- FBEBDE
- FCEEE3
- FCF1E7
- FDF3EC
- FDF6F1
- FEF9F6
- FEFCFA
Sombras
- D9C4B5
- B9A89A
- 9A8C80
- 7D7167
- 61574F
- 463E39
- 2C2723
- 151210
- 030302
Tons
- ECD8C8
- E0CEC0
- D3C4B7
- C7BAAF
- BBB0A7
- AFA69F
- A39C97
- 979390
- 8B8988
Harmonias de cor
Complementar +180°
- F9E2D0
Sandy Beach
- D3EBFC
≈ Cloudless
Análoga -30° +30°
- F9E2D0
Sandy Beach
- FDDFD9
≈ Pink Glitter
- F0E6CD
≈ Wax Poetic
Tríade +120° +240°
- F9E2D0
Sandy Beach
- CFEFE8
≈ Underwater
- EAE2FB
≈ Lavender Mist
Complementar dividida +150° +210°
- F9E2D0
Sandy Beach
- CDEEF4
≈ Diamond League
- DEE6FF
≈ Lavender Mist
Tétrade +90° +180° +270°
- F9E2D0
Sandy Beach
- D7EEDB
≈ Winter Fresh
- D3EBFC
≈ Cloudless
- F5DFF2
≈ Sheer Lavender
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.81:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
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);
}