Adlandırılmış renk · #EFE3CA
Ivory Parchment
Ivory Parchment, #EFE3CA: rgb(239 227 202), hsl(41 54% 86%), oklch(0.919 0.036 85.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? → · Ivory Parchment color name →
#EFE3CA
oklch(0.919 0.036 85.4)
Renk dönüşümleri
- HEX
- #efe3ca
- RGB
- rgb(239 227 202)
- HSL
- hsl(41 54% 86%)
- HWB
- hwb(41 79% 6%)
- OKLCH
- oklch(0.919 0.036 85.4)
- OKLab
- oklab(0.919 0.003 0.035)
- CIE Lab
- lab(90.71 1.23 13.8)
- LCH
- lch(90.71 13.86 84.9)
- CMYK
- cmyk(0% 5% 15% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1E6CF
- F2E9D5
- F4EBDA
- F5EEDF
- F7F1E4
- F9F4EA
- FAF7EF
- FCF9F4
- FDFCFA
Koyu tonlar
- D0C5AF
- B1A895
- 948C7C
- 787164
- 5C574D
- 423F37
- 2A2722
- 14120F
- 030302
Gri tonlar
- E3D9C2
- D8CEBB
- CCC4B3
- C1BAAC
- B6B0A4
- ABA69D
- A09D96
- 95938E
- 8B8987
Renk uyumları
Tamamlayıcı +180°
- EFE3CA
Ivory Parchment
- D9E4FD
≈ Stoic White
Analog -30° +30°
- EFE3CA
Ivory Parchment
- F8DFCE
≈ Arrowroot
- E3E8CD
≈ White Radish
Üçlü +120° +240°
- EFE3CA
Ivory Parchment
- CAECF0
≈ Summer Mist
- F1DDF1
≈ Divine Dove
Bölünmüş tamamlayıcı +150° +210°
- EFE3CA
Ivory Parchment
- CEE9F9
≈ Freezing Vapour
- E5E0FA
≈ Stoic White
Dörtlü +90° +180° +270°
- EFE3CA
Ivory Parchment
- CDECE3
≈ Ice Water Green
- D9E4FD
≈ Stoic White
- F9DBE5
≈ Tootie Fruity
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.51:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--ivory-parchment: #efe3ca;
--ivory-parchment-rgb: 239 227 202;
--ivory-parchment-oklch: oklch(0.919 0.036 85.4);
}
.element {
color: var(--ivory-parchment);
background-color: hsl(41 54% 86%);
border-color: oklch(0.919 0.036 85.4);
}Tailwind CSS v4
@theme {
--color-ivory-parchment: #efe3ca;
--color-ivory-parchment-50: #f9f5ea;
--color-ivory-parchment-100: #ede7db;
--color-ivory-parchment-200: #dbd4c3;
--color-ivory-parchment-300: #bfb7a3;
--color-ivory-parchment-400: #a89d87;
--color-ivory-parchment-500: #91856c;
--color-ivory-parchment-600: #7b705b;
--color-ivory-parchment-700: #625a49;
--color-ivory-parchment-800: #484134;
--color-ivory-parchment-900: #322d24;
--color-ivory-parchment-950: #1e1a13;
}SCSS
$ivory-parchment: #efe3ca;
$ivory-parchment-rgb: 239, 227, 202;
$ivory-parchment-light: mix(#fff, $ivory-parchment, 20%);
$ivory-parchment-dark: mix(#000, $ivory-parchment, 20%);
.element {
color: $ivory-parchment;
box-shadow: 0 0 0 2px rgba($ivory-parchment, 0.35);
}