Nazwany kolor · #DDF3E5
Minified Malachite
Minified Malachite to #DDF3E5: rgb(221 243 229), hsl(142 48% 91%), oklch(0.944 0.03 157.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Minified Malachite color name →
#DDF3E5
oklch(0.944 0.03 157.9)
Konwersje koloru
- HEX
- #ddf3e5
- RGB
- rgb(221 243 229)
- HSL
- hsl(142 48% 91%)
- HWB
- hwb(142 87% 5%)
- OKLCH
- oklch(0.944 0.03 157.9)
- OKLab
- oklab(0.944 -0.028 0.011)
- CIE Lab
- lab(93.92 -9.41 4.18)
- LCH
- lch(93.92 10.3 156)
- CMYK
- cmyk(9% 0% 6% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0F4E8
- E4F5EA
- E7F7ED
- EBF8EF
- EEF9F2
- F1FAF5
- F5FBF7
- F8FDFA
- FCFEFC
Odcienie ciemniejsze
- C0D3C7
- A4B4AA
- 88978E
- 6E7A72
- 555E58
- 3D443F
- 262B28
- 111412
- 020303
Tony
- D3E7DA
- CADBD0
- C0CFC6
- B7C3BB
- ADB8B1
- A4ACA7
- 9BA19D
- 929693
- 898B8A
Harmonie kolorów
Komplementarna +180°
- DDF3E5
Minified Malachite
- FBE5F4
≈ Cherry Pearl
Analogowa -30° +30°
- DDF3E5
Minified Malachite
- E7F1DC
≈ Lower Lime
- D7F3F0
≈ Air of Mint
Triada +120° +240°
- DDF3E5
Minified Malachite
- E8EBFF
≈ Brilliant White
- FFE6DF
≈ Olm Pink
Komplementarna rozszczepiona +150° +210°
- DDF3E5
Minified Malachite
- F2E8FC
≈ Bright Dusk
- FFE5E9
≈ Nosegay
Tetrada +90° +180° +270°
- DDF3E5
Minified Malachite
- DEEFFF
≈ Calcareous Sinter
- FBE5F4
≈ Cherry Pearl
- FAE9D8
≈ Poppy Crepe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 18.02:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 18.02:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--minified-malachite: #ddf3e5;
--minified-malachite-rgb: 221 243 229;
--minified-malachite-oklch: oklch(0.944 0.03 157.9);
}
.element {
color: var(--minified-malachite);
background-color: hsl(142 48% 91%);
border-color: oklch(0.944 0.03 157.9);
}Tailwind CSS v4
@theme {
--color-minified-malachite: #ddf3e5;
--color-minified-malachite-50: #eef8f2;
--color-minified-malachite-100: #e0ebe4;
--color-minified-malachite-200: #cad8d0;
--color-minified-malachite-300: #abbcb2;
--color-minified-malachite-400: #91a498;
--color-minified-malachite-500: #768c7f;
--color-minified-malachite-600: #64776b;
--color-minified-malachite-700: #505f56;
--color-minified-malachite-800: #3a463e;
--color-minified-malachite-900: #28302b;
--color-minified-malachite-950: #161c18;
}SCSS
$minified-malachite: #ddf3e5;
$minified-malachite-rgb: 221, 243, 229;
$minified-malachite-light: mix(#fff, $minified-malachite, 20%);
$minified-malachite-dark: mix(#000, $minified-malachite, 20%);
.element {
color: $minified-malachite;
box-shadow: 0 0 0 2px rgba($minified-malachite, 0.35);
}