Nazwany kolor · #D6E9D7
Jade Mist
Jade Mist to #D6E9D7: rgb(214 233 215), hsl(123 30% 88%), oklch(0.915 0.031 146.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Jade Mist color name →
#D6E9D7
oklch(0.915 0.031 146.8)
Konwersje koloru
- HEX
- #d6e9d7
- RGB
- rgb(214 233 215)
- HSL
- hsl(123 30% 88%)
- HWB
- hwb(123 84% 9%)
- OKLCH
- oklch(0.915 0.031 146.8)
- OKLab
- oklab(0.915 -0.026 0.017)
- CIE Lab
- lab(90.55 -8.98 6.52)
- LCH
- lch(90.55 11.1 144)
- CMYK
- cmyk(8% 0% 8% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAEBDB
- DEEDDF
- E2F0E3
- E6F2E7
- EAF4EB
- EFF6EF
- F3F8F3
- F7FBF7
- FBFDFB
Odcienie ciemniejsze
- BACBBB
- 9EAD9F
- 849085
- 6A746B
- 525A52
- 3B413B
- 252925
- 101311
- 020302
Tony
- CDDECE
- C4D3C5
- BBC8BC
- B3BEB3
- AAB3AB
- A2A9A2
- 999E99
- 919491
- 888A88
Harmonie kolorów
Komplementarna +180°
- D6E9D7
Jade Mist
- EFDCEE
≈ Divine Dove
Analogowa -30° +30°
- D6E9D7
Jade Mist
- E1E6CF
≈ Willow Brook
- CEEAE2
≈ Ice Water Green
Triada +120° +240°
- D6E9D7
Jade Mist
- D9E3F9
≈ Aquarelle Purple
- F7DCD8
≈ Rosewater
Komplementarna rozszczepiona +150° +210°
- D6E9D7
Jade Mist
- E5DFF6
≈ Lingering Lilac
- F5DBE3
≈ Columbine
Tetrada +90° +180° +270°
- D6E9D7
Jade Mist
- D0E7F6
≈ New Heights
- EFDCEE
≈ Divine Dove
- F4DECF
≈ Siren Song
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.49:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--jade-mist: #d6e9d7;
--jade-mist-rgb: 214 233 215;
--jade-mist-oklch: oklch(0.915 0.031 146.8);
}
.element {
color: var(--jade-mist);
background-color: hsl(123 30% 88%);
border-color: oklch(0.915 0.031 146.8);
}Tailwind CSS v4
@theme {
--color-jade-mist: #d6e9d7;
--color-jade-mist-50: #eff8f0;
--color-jade-mist-100: #e1ebe2;
--color-jade-mist-200: #ccd8cd;
--color-jade-mist-300: #adbcaf;
--color-jade-mist-400: #93a494;
--color-jade-mist-500: #798c7a;
--color-jade-mist-600: #677768;
--color-jade-mist-700: #525f53;
--color-jade-mist-800: #3c453c;
--color-jade-mist-900: #293029;
--color-jade-mist-950: #171c17;
}SCSS
$jade-mist: #d6e9d7;
$jade-mist-rgb: 214, 233, 215;
$jade-mist-light: mix(#fff, $jade-mist, 20%);
$jade-mist-dark: mix(#000, $jade-mist, 20%);
.element {
color: $jade-mist;
box-shadow: 0 0 0 2px rgba($jade-mist, 0.35);
}