Nazwany kolor · #CFDED7
Light Spearmint Ice
Light Spearmint Ice to #CFDED7: rgb(207 222 215), hsl(152 19% 84%), oklch(0.887 0.019 166.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Spearmint Ice color name →
#CFDED7
oklch(0.887 0.019 166.3)
Konwersje koloru
- HEX
- #cfded7
- RGB
- rgb(207 222 215)
- HSL
- hsl(152 19% 84%)
- HWB
- hwb(152 81% 13%)
- OKLCH
- oklch(0.887 0.019 166.3)
- OKLab
- oklab(0.887 -0.018 0.004)
- CIE Lab
- lab(87.18 -6.18 1.62)
- LCH
- lch(87.18 6.39 165.3)
- CMYK
- cmyk(7% 0% 3% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4E1DB
- D9E5DF
- DDE8E3
- E2EBE7
- E7EEEB
- ECF2EF
- F0F5F3
- F5F8F7
- FAFCFB
Odcienie ciemniejsze
- B4C1BB
- 99A59F
- 7F8985
- 676F6B
- 4F5552
- 383D3B
- 232625
- 101211
- 020202
Tony
- C7D4CE
- BFCAC5
- B7C1BC
- AFB7B3
- A7AEAA
- 9FA4A2
- 979B99
- 8F9291
- 888988
Harmonie kolorów
Komplementarna +180°
- CFDED7
Light Spearmint Ice
- E4D5DC
≈ Secret Scent
Analogowa -30° +30°
- CFDED7
Light Spearmint Ice
- D4DDD1
≈ Feather Fern
- CDDEDE
≈ Liquid Hydrogen
Triada +120° +240°
- CFDED7
Light Spearmint Ice
- D8D8E6
≈ Misty Violet
- E5D6D0
≈ Dawn Pink
Komplementarna rozszczepiona +150° +210°
- CFDED7
Light Spearmint Ice
- DFD6E2
≈ Light Modesty
- E6D5D5
≈ Demure
Tetrada +90° +180° +270°
- CFDED7
Light Spearmint Ice
- D2DBE6
≈ Sueded Grey
- E4D5DC
≈ Secret Scent
- E1D8CD
≈ Maybe Mushroom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.08:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.08:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-spearmint-ice: #cfded7;
--light-spearmint-ice-rgb: 207 222 215;
--light-spearmint-ice-oklch: oklch(0.887 0.019 166.3);
}
.element {
color: var(--light-spearmint-ice);
background-color: hsl(152 19% 84%);
border-color: oklch(0.887 0.019 166.3);
}Tailwind CSS v4
@theme {
--color-light-spearmint-ice: #cfded7;
--color-light-spearmint-ice-50: #f0f7f4;
--color-light-spearmint-ice-100: #e2eae7;
--color-light-spearmint-ice-200: #cdd7d3;
--color-light-spearmint-ice-300: #afbbb5;
--color-light-spearmint-ice-400: #95a29c;
--color-light-spearmint-ice-500: #7b8a83;
--color-light-spearmint-ice-600: #68756f;
--color-light-spearmint-ice-700: #535e59;
--color-light-spearmint-ice-800: #3d4441;
--color-light-spearmint-ice-900: #2a2f2d;
--color-light-spearmint-ice-950: #171c1a;
}SCSS
$light-spearmint-ice: #cfded7;
$light-spearmint-ice-rgb: 207, 222, 215;
$light-spearmint-ice-light: mix(#fff, $light-spearmint-ice, 20%);
$light-spearmint-ice-dark: mix(#000, $light-spearmint-ice, 20%);
.element {
color: $light-spearmint-ice;
box-shadow: 0 0 0 2px rgba($light-spearmint-ice, 0.35);
}