Adlandırılmış renk · #CEB588
Aged Papyrus
Aged Papyrus, #CEB588: rgb(206 181 136), hsl(39 42% 67%), oklch(0.784 0.066 82). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Aged Papyrus color name →
#CEB588
oklch(0.784 0.066 82)
Renk dönüşümleri
- HEX
- #ceb588
- RGB
- rgb(206 181 136)
- HSL
- hsl(39 42% 67%)
- HWB
- hwb(39 53% 19%)
- OKLCH
- oklch(0.784 0.066 82)
- OKLab
- oklab(0.784 0.009 0.066)
- CIE Lab
- lab(75.05 4.46 26.47)
- LCH
- lch(75.05 26.84 80.4)
- CMYK
- cmyk(0% 12% 34% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3BC94
- D8C4A0
- DDCBAC
- E2D2B7
- E6DAC3
- EBE1CF
- F0E9DB
- F5F0E7
- FAF8F3
Koyu tonlar
- B39D75
- 988663
- 7F6F52
- 665941
- 4E4431
- 383022
- 231D13
- 0F0C06
- 020201
Gri tonlar
- C6B088
- BEAA87
- B6A586
- AEA086
- A69A85
- 9F9584
- 979083
- 8F8A82
- 888581
Renk uyumları
Tamamlayıcı +180°
- CEB588
Aged Papyrus
- A2B9E4
≈ Teclis Blue
Analog -30° +30°
- CEB588
Aged Papyrus
- DCAD92
≈ Arizona Dust
- B9BD8C
≈ Aloe Plant
Üçlü +120° +240°
- CEB588
Aged Papyrus
- 85C6CB
≈ Bay Mist
- CDABD2
≈ Graceful Garden
Bölünmüş tamamlayıcı +150° +210°
- CEB588
Aged Papyrus
- 8DC1DC
≈ Club Cruise
- B9B1E0
≈ Beloved
Dörtlü +90° +180° +270°
- CEB588
Aged Papyrus
- 8CC7B4
≈ Aquastone
- A2B9E4
≈ Teclis Blue
- DBA8BD
≈ Apple Infusion
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.58:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--aged-papyrus: #ceb588;
--aged-papyrus-rgb: 206 181 136;
--aged-papyrus-oklch: oklch(0.784 0.066 82);
}
.element {
color: var(--aged-papyrus);
background-color: hsl(39 42% 67%);
border-color: oklch(0.784 0.066 82);
}Tailwind CSS v4
@theme {
--color-aged-papyrus: #ceb588;
--color-aged-papyrus-50: #fef4e0;
--color-aged-papyrus-100: #f2e7cf;
--color-aged-papyrus-200: #e2d2b5;
--color-aged-papyrus-300: #c8b591;
--color-aged-papyrus-400: #b29b71;
--color-aged-papyrus-500: #9c8252;
--color-aged-papyrus-600: #846e46;
--color-aged-papyrus-700: #6a5837;
--color-aged-papyrus-800: #4f4027;
--color-aged-papyrus-900: #372c1a;
--color-aged-papyrus-950: #21190b;
}SCSS
$aged-papyrus: #ceb588;
$aged-papyrus-rgb: 206, 181, 136;
$aged-papyrus-light: mix(#fff, $aged-papyrus, 20%);
$aged-papyrus-dark: mix(#000, $aged-papyrus, 20%);
.element {
color: $aged-papyrus;
box-shadow: 0 0 0 2px rgba($aged-papyrus, 0.35);
}