Adlandırılmış renk · #A49D70
Westcar Papyrus
Westcar Papyrus, #A49D70: rgb(164 157 112), hsl(52 22% 54%), oklch(0.691 0.062 100.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? → · Westcar Papyrus color name →
#A49D70
oklch(0.691 0.062 100.4)
Renk dönüşümleri
- HEX
- #a49d70
- RGB
- rgb(164 157 112)
- HSL
- hsl(52 22% 54%)
- HWB
- hwb(52 44% 36%)
- OKLCH
- oklch(0.691 0.062 100.4)
- OKLab
- oklab(0.691 -0.011 0.061)
- CIE Lab
- lab(64.49 -2.63 24.58)
- LCH
- lch(64.49 24.72 96.1)
- CMYK
- cmyk(0% 4% 32% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADA77E
- B6B08C
- BEBA9A
- C7C3A8
- D0CDB6
- DAD7C5
- E3E1D3
- ECEBE2
- F6F5F0
Koyu tonlar
- 8E8860
- 797351
- 645F43
- 504C35
- 3D3A27
- 2B281A
- 1A180E
- 0A0904
- 010101
Gri tonlar
- A09A72
- 9D9774
- 999476
- 959177
- 928F79
- 8E8C7B
- 8B897C
- 87867D
- 83837F
Renk uyumları
Tamamlayıcı +180°
- A49D70
Westcar Papyrus
- 9498C2
≈ Grape Ivy
Analog -30° +30°
- A49D70
Westcar Papyrus
- B59571
≈ Keystone
- 8FA47B
≈ Broccoflower
Üçlü +120° +240°
- A49D70
Westcar Papyrus
- 6FA5B7
≈ Estuary Blue
- B78DA8
≈ Elite Pink
Bölünmüş tamamlayıcı +150° +210°
- A49D70
Westcar Papyrus
- 7F9FC1
≈ Alaskan Ice
- A891B9
≈ Superstitious
Dörtlü +90° +180° +270°
- A49D70
Westcar Papyrus
- 6DA8A4
≈ Steel Pan Mallet
- 9498C2
≈ Grape Ivy
- BF8C92
≈ Prophetess
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.75:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.63:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.63:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--westcar-papyrus: #a49d70;
--westcar-papyrus-rgb: 164 157 112;
--westcar-papyrus-oklch: oklch(0.691 0.062 100.4);
}
.element {
color: var(--westcar-papyrus);
background-color: hsl(52 22% 54%);
border-color: oklch(0.691 0.062 100.4);
}Tailwind CSS v4
@theme {
--color-westcar-papyrus: #a49d70;
--color-westcar-papyrus-50: #f8f6e2;
--color-westcar-papyrus-100: #ebe9d2;
--color-westcar-papyrus-200: #d9d6b8;
--color-westcar-papyrus-300: #bdb995;
--color-westcar-papyrus-400: #a6a075;
--color-westcar-papyrus-500: #8f8856;
--color-westcar-papyrus-600: #79734a;
--color-westcar-papyrus-700: #615c3b;
--color-westcar-papyrus-800: #484329;
--color-westcar-papyrus-900: #322e1c;
--color-westcar-papyrus-950: #1e1b0c;
}SCSS
$westcar-papyrus: #a49d70;
$westcar-papyrus-rgb: 164, 157, 112;
$westcar-papyrus-light: mix(#fff, $westcar-papyrus, 20%);
$westcar-papyrus-dark: mix(#000, $westcar-papyrus, 20%);
.element {
color: $westcar-papyrus;
box-shadow: 0 0 0 2px rgba($westcar-papyrus, 0.35);
}