Adlandırılmış renk · #E9DCBE
Double Pearl Lusta
Double Pearl Lusta, #E9DCBE: rgb(233 220 190), hsl(42 49% 83%), oklch(0.897 0.042 87.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Double Pearl Lusta color name →
#E9DCBE
oklch(0.897 0.042 87.4)
Renk dönüşümleri
- HEX
- #e9dcbe
- RGB
- rgb(233 220 190)
- HSL
- hsl(42 49% 83%)
- HWB
- hwb(42 75% 9%)
- OKLCH
- oklch(0.897 0.042 87.4)
- OKLab
- oklab(0.897 0.002 0.042)
- CIE Lab
- lab(88.24 1.06 16.49)
- LCH
- lch(88.24 16.53 86.3)
- CMYK
- cmyk(0% 6% 18% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBDFC4
- EDE3CB
- F0E6D1
- F2EAD8
- F4EDDE
- F6F1E5
- F8F4EB
- FBF8F2
- FDFBF8
Koyu tonlar
- CBBFA5
- ADA38C
- 908875
- 746E5E
- 5A5448
- 413C33
- 29261F
- 13110D
- 030202
Gri tonlar
- DED2B8
- D3C9B1
- C8C0AB
- BEB6A5
- B3AD9F
- A9A499
- 9E9B92
- 94928C
- 8A8986
Renk uyumları
Tamamlayıcı +180°
- E9DCBE
Double Pearl Lusta
- D1DDFA
≈ Arc Light
Analog -30° +30°
- E9DCBE
Double Pearl Lusta
- F4D7C2
≈ Resort Sunrise
- DAE1C2
≈ Mountain Spring
Üçlü +120° +240°
- E9DCBE
Double Pearl Lusta
- BEE6EB
≈ Light Vandamint
- EDD4EC
≈ Scented Spring
Bölünmüş tamamlayıcı +150° +210°
- E9DCBE
Double Pearl Lusta
- C4E2F6
≈ Fresh Water
- E0D8F6
≈ Japan Blush
Dörtlü +90° +180° +270°
- E9DCBE
Double Pearl Lusta
- C1E7DD
≈ Tame Teal
- D1DDFA
≈ Arc Light
- F6D2DD
≈ First Daughter
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.44:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--double-pearl-lusta: #e9dcbe;
--double-pearl-lusta-rgb: 233 220 190;
--double-pearl-lusta-oklch: oklch(0.897 0.042 87.4);
}
.element {
color: var(--double-pearl-lusta);
background-color: hsl(42 49% 83%);
border-color: oklch(0.897 0.042 87.4);
}Tailwind CSS v4
@theme {
--color-double-pearl-lusta: #e9dcbe;
--color-double-pearl-lusta-50: #faf5e8;
--color-double-pearl-lusta-100: #ede8d8;
--color-double-pearl-lusta-200: #dbd4c0;
--color-double-pearl-lusta-300: #c0b79f;
--color-double-pearl-lusta-400: #a99d82;
--color-double-pearl-lusta-500: #928566;
--color-double-pearl-lusta-600: #7c7057;
--color-double-pearl-lusta-700: #635a45;
--color-double-pearl-lusta-800: #494132;
--color-double-pearl-lusta-900: #332d22;
--color-double-pearl-lusta-950: #1e1a11;
}SCSS
$double-pearl-lusta: #e9dcbe;
$double-pearl-lusta-rgb: 233, 220, 190;
$double-pearl-lusta-light: mix(#fff, $double-pearl-lusta, 20%);
$double-pearl-lusta-dark: mix(#000, $double-pearl-lusta, 20%);
.element {
color: $double-pearl-lusta;
box-shadow: 0 0 0 2px rgba($double-pearl-lusta, 0.35);
}