Color con nombre · #D8E7E1
Ice Floe
Ice Floe es #D8E7E1: rgb(216 231 225), hsl(156 24% 88%), oklch(0.915 0.018 170.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Ice Floe color name →
#D8E7E1
oklch(0.915 0.018 170.1)
Conversiones de color
- HEX
- #d8e7e1
- RGB
- rgb(216 231 225)
- HSL
- hsl(156 24% 88%)
- HWB
- hwb(156 85% 9%)
- OKLCH
- oklch(0.915 0.018 170.1)
- OKLab
- oklab(0.915 -0.018 0.003)
- CIE Lab
- lab(90.38 -6 1.12)
- LCH
- lch(90.38 6.1 169.4)
- CMYK
- cmyk(6% 0% 3% 9%)
Tintes · Sombras · Tonos
Tintes
- DCE9E4
- E0ECE7
- E4EEEA
- E8F1ED
- EBF3F0
- EFF5F3
- F3F8F6
- F7FAF9
- FBFDFC
Sombras
- BCC9C4
- A0ABA7
- 858F8B
- 6B7370
- 535956
- 3B403E
- 252827
- 111312
- 020302
Tonos
- CFDCD7
- C6D2CD
- BDC7C3
- B4BCB9
- ABB2AF
- A2A8A6
- 9A9E9C
- 919493
- 888A89
Armonías de color
Complementario +180°
- D8E7E1
Ice Floe
- EDDEE4
≈ Weak Pink
Análogo -30° +30°
- D8E7E1
Ice Floe
- DDE6DB
≈ Cloudy Day
- D6E7E8
≈ Misted Aqua
Triádico +120° +240°
- D8E7E1
Ice Floe
- E2E1EE
≈ Opus Magnum
- EDE0D9
≈ Touchable Pink
Complementario dividido +150° +210°
- D8E7E1
Ice Floe
- E8DFEA
≈ Lilac Frost
- EFDFDE
≈ Soft Peach
Tetrádico +90° +180° +270°
- D8E7E1
Ice Floe
- DCE3EF
≈ Iceberg
- EDDEE4
≈ Weak Pink
- E9E2D6
≈ Crisp Muslin
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.43:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--ice-floe: #d8e7e1;
--ice-floe-rgb: 216 231 225;
--ice-floe-oklch: oklch(0.915 0.018 170.1);
}
.element {
color: var(--ice-floe);
background-color: hsl(156 24% 88%);
border-color: oklch(0.915 0.018 170.1);
}Tailwind CSS v4
@theme {
--color-ice-floe: #d8e7e1;
--color-ice-floe-50: #f0f7f4;
--color-ice-floe-100: #e2eae7;
--color-ice-floe-200: #cdd7d3;
--color-ice-floe-300: #afbab6;
--color-ice-floe-400: #95a29d;
--color-ice-floe-500: #7b8a84;
--color-ice-floe-600: #687570;
--color-ice-floe-700: #535e59;
--color-ice-floe-800: #3d4441;
--color-ice-floe-900: #2a2f2d;
--color-ice-floe-950: #171c1a;
}SCSS
$ice-floe: #d8e7e1;
$ice-floe-rgb: 216, 231, 225;
$ice-floe-light: mix(#fff, $ice-floe, 20%);
$ice-floe-dark: mix(#000, $ice-floe, 20%);
.element {
color: $ice-floe;
box-shadow: 0 0 0 2px rgba($ice-floe, 0.35);
}