Adlandırılmış renk · #D0EED7
Jade Palace
Jade Palace, #D0EED7: rgb(208 238 215), hsl(134 47% 87%), oklch(0.921 0.044 152.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Jade Palace color name →
#D0EED7
oklch(0.921 0.044 152.4)
Renk dönüşümleri
- HEX
- #d0eed7
- RGB
- rgb(208 238 215)
- HSL
- hsl(134 47% 87%)
- HWB
- hwb(134 82% 7%)
- OKLCH
- oklch(0.921 0.044 152.4)
- OKLab
- oklab(0.921 -0.039 0.02)
- CIE Lab
- lab(91.44 -13.38 7.71)
- LCH
- lch(91.44 15.44 150.1)
- CMYK
- cmyk(13% 0% 10% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5F0DB
- D9F1DF
- DEF3E3
- E3F5E7
- E8F7EB
- ECF8EF
- F1FAF3
- F6FCF7
- FAFDFB
Koyu tonlar
- B5CFBB
- 9AB19F
- 809385
- 67776B
- 4F5C52
- 39423B
- 232A25
- 101411
- 020302
Gri tonlar
- C8E2CE
- C0D7C5
- B7CCBC
- AFC1B3
- A7B6AB
- 9FABA2
- 97A099
- 909591
- 888A88
Renk uyumları
Tamamlayıcı +180°
- D0EED7
Jade Palace
- F8DBF2
≈ Grape Taffy
Analog -30° +30°
- D0EED7
Jade Palace
- DFEACA
≈ Whiff of Green
- C6EFE7
≈ Angel of Death Victorious
Üçlü +120° +240°
- D0EED7
Jade Palace
- DCE4FF
≈ Stoic White
- FFDCD4
≈ Soft Orange Bloom
Bölünmüş tamamlayıcı +150° +210°
- D0EED7
Jade Palace
- EADFFE
≈ Lavender Savour
- FFDAE2
≈ It’s a Girl!
Dörtlü +90° +180° +270°
- D0EED7
Jade Palace
- CEE9FF
≈ Veiling Waterfalls
- F8DBF2
≈ Grape Taffy
- FBDFC8
≈ Peachade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.89:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--jade-palace: #d0eed7;
--jade-palace-rgb: 208 238 215;
--jade-palace-oklch: oklch(0.921 0.044 152.4);
}
.element {
color: var(--jade-palace);
background-color: hsl(134 47% 87%);
border-color: oklch(0.921 0.044 152.4);
}Tailwind CSS v4
@theme {
--color-jade-palace: #d0eed7;
--color-jade-palace-50: #ecf9f0;
--color-jade-palace-100: #ddece1;
--color-jade-palace-200: #c6dacc;
--color-jade-palace-300: #a7bead;
--color-jade-palace-400: #8ca692;
--color-jade-palace-500: #718f78;
--color-jade-palace-600: #5f7966;
--color-jade-palace-700: #4c6151;
--color-jade-palace-800: #38473a;
--color-jade-palace-900: #263128;
--color-jade-palace-950: #141d16;
}SCSS
$jade-palace: #d0eed7;
$jade-palace-rgb: 208, 238, 215;
$jade-palace-light: mix(#fff, $jade-palace, 20%);
$jade-palace-dark: mix(#000, $jade-palace, 20%);
.element {
color: $jade-palace;
box-shadow: 0 0 0 2px rgba($jade-palace, 0.35);
}