Color con nombre · #E9DAD2
Northern Beach
Northern Beach es #E9DAD2: rgb(233 218 210), hsl(21 34% 87%), oklch(0.898 0.02 50.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Northern Beach color name →
#E9DAD2
oklch(0.898 0.02 50.1)
Conversiones de color
- HEX
- #e9dad2
- RGB
- rgb(233 218 210)
- HSL
- hsl(21 34% 87%)
- HWB
- hwb(21 82% 9%)
- OKLCH
- oklch(0.898 0.02 50.1)
- OKLab
- oklab(0.898 0.013 0.015)
- CIE Lab
- lab(88.11 4.34 5.9)
- LCH
- lch(88.11 7.32 53.7)
- CMYK
- cmyk(0% 6% 10% 9%)
Tintes · Sombras · Tonos
Tintes
- EBDED6
- EDE1DB
- F0E5DF
- F2E9E4
- F4ECE8
- F6F0ED
- F8F4F1
- FBF8F6
- FDFBFA
Sombras
- CBBDB6
- ADA29B
- 908781
- 746C68
- 5A5450
- 413C39
- 292524
- 131110
- 030202
Tonos
- DED1C9
- D3C7C1
- C8BEB9
- BEB5B0
- B3ACA8
- A9A3A0
- 9E9A98
- 949190
- 8A8988
Armonías de color
Complementario +180°
- E9DAD2
Northern Beach
- D1E0E8
≈ Lupin Grey
Análogo -30° +30°
- E9DAD2
Northern Beach
- EAD9D8
≈ Sea Anemone
- E4DCCF
≈ White Sesame
Triádico +120° +240°
- E9DAD2
Northern Beach
- D1E2DB
≈ Delicate Snow Goose
- DDDBEA
≈ The White Death
Complementario dividido +150° +210°
- E9DAD2
Northern Beach
- CFE2E3
≈ Lens Flare Blue
- D6DEEB
≈ Icelandic Winds
Tetrádico +90° +180° +270°
- E9DAD2
Northern Beach
- D7E1D5
≈ River Mist
- D1E0E8
≈ Lupin Grey
- E4D9E6
≈ Awakened
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.42:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.42:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--northern-beach: #e9dad2;
--northern-beach-rgb: 233 218 210;
--northern-beach-oklch: oklch(0.898 0.02 50.1);
}
.element {
color: var(--northern-beach);
background-color: hsl(21 34% 87%);
border-color: oklch(0.898 0.02 50.1);
}Tailwind CSS v4
@theme {
--color-northern-beach: #e9dad2;
--color-northern-beach-50: #faf4f0;
--color-northern-beach-100: #eee6e2;
--color-northern-beach-200: #dcd2cd;
--color-northern-beach-300: #c0b5ae;
--color-northern-beach-400: #a99b94;
--color-northern-beach-500: #92837b;
--color-northern-beach-600: #7b6f68;
--color-northern-beach-700: #635853;
--color-northern-beach-800: #48403c;
--color-northern-beach-900: #322c2a;
--color-northern-beach-950: #1e1917;
}SCSS
$northern-beach: #e9dad2;
$northern-beach-rgb: 233, 218, 210;
$northern-beach-light: mix(#fff, $northern-beach, 20%);
$northern-beach-dark: mix(#000, $northern-beach, 20%);
.element {
color: $northern-beach;
box-shadow: 0 0 0 2px rgba($northern-beach, 0.35);
}