Nazwany kolor · #D2F0E0
Pastel Jade
Pastel Jade to #D2F0E0: rgb(210 240 224), hsl(148 50% 88%), oklch(0.929 0.038 162.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Pastel Jade color name →
#D2F0E0
oklch(0.929 0.038 162.4)
Konwersje koloru
- HEX
- #d2f0e0
- RGB
- rgb(210 240 224)
- HSL
- hsl(148 50% 88%)
- HWB
- hwb(148 82% 6%)
- OKLCH
- oklch(0.929 0.038 162.4)
- OKLab
- oklab(0.929 -0.036 0.012)
- CIE Lab
- lab(92.28 -12.41 4.29)
- LCH
- lch(92.28 13.13 161)
- CMYK
- cmyk(13% 0% 7% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7F2E3
- DBF3E6
- E0F5E9
- E4F6EC
- E9F8EF
- EDF9F3
- F2FBF6
- F6FCF9
- FBFEFC
Odcienie ciemniejsze
- B6D1C3
- 9BB2A6
- 81958A
- 687870
- 505D56
- 39433E
- 242A27
- 101412
- 020302
Tony
- CAE4D6
- C1D9CC
- B9CDC2
- B1C2B8
- A8B6AF
- A0ABA5
- 98A09C
- 909592
- 888B89
Harmonie kolorów
Komplementarna +180°
- D2F0E0
Pastel Jade
- FBDEEF
≈ Transparent Pink
Analogowa -30° +30°
- D2F0E0
Pastel Jade
- DEEDD4
≈ Light Tactile
- CCF0EE
≈ Princess Blue Feather
Triada +120° +240°
- D2F0E0
Pastel Jade
- E3E5FF
≈ Lavender Mist
- FFE0D4
≈ Light Quilt
Komplementarna rozszczepiona +150° +210°
- D2F0E0
Pastel Jade
- F0E1FA
≈ Minute Mauve
- FFDEE1
≈ Sweet Mallow
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.28:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.28:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-jade: #d2f0e0;
--pastel-jade-rgb: 210 240 224;
--pastel-jade-oklch: oklch(0.929 0.038 162.4);
}
.element {
color: var(--pastel-jade);
background-color: hsl(148 50% 88%);
border-color: oklch(0.929 0.038 162.4);
}Tailwind CSS v4
@theme {
--color-pastel-jade: #d2f0e0;
--color-pastel-jade-50: #ecf9f2;
--color-pastel-jade-100: #ddece4;
--color-pastel-jade-200: #c6dad0;
--color-pastel-jade-300: #a6beb2;
--color-pastel-jade-400: #8ba698;
--color-pastel-jade-500: #708e7f;
--color-pastel-jade-600: #5f786b;
--color-pastel-jade-700: #4c6056;
--color-pastel-jade-800: #37473e;
--color-pastel-jade-900: #26312b;
--color-pastel-jade-950: #141d18;
}SCSS
$pastel-jade: #d2f0e0;
$pastel-jade-rgb: 210, 240, 224;
$pastel-jade-light: mix(#fff, $pastel-jade, 20%);
$pastel-jade-dark: mix(#000, $pastel-jade, 20%);
.element {
color: $pastel-jade;
box-shadow: 0 0 0 2px rgba($pastel-jade, 0.35);
}