Color con nombre · #D4E4E5
Waterfront
Waterfront es #D4E4E5: rgb(212 228 229), hsl(184 25% 86%), oklch(0.907 0.017 201.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Waterfront color name →
#D4E4E5
oklch(0.907 0.017 201.4)
Conversiones de color
- HEX
- #d4e4e5
- RGB
- rgb(212 228 229)
- HSL
- hsl(184 25% 86%)
- HWB
- hwb(184 83% 10%)
- OKLCH
- oklch(0.907 0.017 201.4)
- OKLab
- oklab(0.907 -0.016 -0.006)
- CIE Lab
- lab(89.4 -5.37 -2.42)
- LCH
- lch(89.4 5.89 204.2)
- CMYK
- cmyk(7% 0% 0% 10%)
Tintes · Sombras · Tonos
Tintes
- D8E7E8
- DDE9EA
- E1ECED
- E5EFEF
- E9F1F2
- EEF4F5
- F2F7F7
- F6FAFA
- FBFCFC
Sombras
- B8C6C7
- 9DA9AA
- 838D8E
- 697272
- 515858
- 3A3F3F
- 242828
- 101212
- 020303
Tonos
- CBDADA
- C3CFD0
- BAC5C6
- B2BBBB
- A9B1B1
- A1A7A7
- 989D9D
- 909393
- 888A8A
Armonías de color
Complementario +180°
- D4E4E5
Waterfront
- ECDCDB
≈ Hyper Light Drifter
Análogo -30° +30°
- D4E4E5
Waterfront
- D6E4DF
≈ Cirrus Blue
- D6E3EA
≈ Ethereal Moonlight
Triádico +120° +240°
- D4E4E5
Waterfront
- E6DDE7
≈ Orchid Lane
- E6DFD4
≈ White Coffee
Complementario dividido +150° +210°
- D4E4E5
Waterfront
- EADCE2
≈ Purple Emulsion
- EADDD6
≈ Wistful Beige
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.02:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--waterfront: #d4e4e5;
--waterfront-rgb: 212 228 229;
--waterfront-oklch: oklch(0.907 0.017 201.4);
}
.element {
color: var(--waterfront);
background-color: hsl(184 25% 86%);
border-color: oklch(0.907 0.017 201.4);
}Tailwind CSS v4
@theme {
--color-waterfront: #d4e4e5;
--color-waterfront-50: #f0f7f7;
--color-waterfront-100: #e2eaea;
--color-waterfront-200: #ccd6d7;
--color-waterfront-300: #aebabb;
--color-waterfront-400: #93a2a3;
--color-waterfront-500: #7a8a8b;
--color-waterfront-600: #677575;
--color-waterfront-700: #525d5e;
--color-waterfront-800: #3c4445;
--color-waterfront-900: #292f2f;
--color-waterfront-950: #171c1c;
}SCSS
$waterfront: #d4e4e5;
$waterfront-rgb: 212, 228, 229;
$waterfront-light: mix(#fff, $waterfront, 20%);
$waterfront-dark: mix(#000, $waterfront, 20%);
.element {
color: $waterfront;
box-shadow: 0 0 0 2px rgba($waterfront, 0.35);
}