Adlandırılmış renk · #A99E54
Organic Matter
Organic Matter, #A99E54: rgb(169 158 84), hsl(52 34% 50%), oklch(0.693 0.096 101). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Organic Matter color name →
#A99E54
oklch(0.693 0.096 101)
Renk dönüşümleri
- HEX
- #a99e54
- RGB
- rgb(169 158 84)
- HSL
- hsl(52 34% 50%)
- HWB
- hwb(52 33% 34%)
- OKLCH
- oklch(0.693 0.096 101)
- OKLab
- oklab(0.693 -0.018 0.095)
- CIE Lab
- lab(64.86 -3.33 39.78)
- LCH
- lch(64.86 39.92 94.8)
- CMYK
- cmyk(0% 7% 50% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1A866
- B9B178
- C2BB89
- CAC499
- D3CEAA
- DCD8BB
- E4E2CC
- EDEBDD
- F6F5EE
Koyu tonlar
- 928948
- 7C743C
- 676031
- 534D26
- 3F3A1B
- 2C2911
- 1B1808
- 0A0902
- 010100
Gri tonlar
- A59B5A
- A1985F
- 9C9564
- 989269
- 948F6D
- 908C72
- 8C8975
- 888679
- 84837D
Renk uyumları
Tamamlayıcı +180°
- A99E54
Organic Matter
- 9195D7
≈ Portage
Analog -30° +30°
- A99E54
Organic Matter
- C29256
≈ Twine
- 87A968
≈ Peeled Asparagus
Üçlü +120° +240°
- A99E54
Organic Matter
- 4DAAC6
≈ Dragonfly Blue
- C584AE
≈ Moonlight Mauve
Bölünmüş tamamlayıcı +150° +210°
- A99E54
Organic Matter
- 6EA0D6
≈ Blue Electress
- AF8BC8
≈ Creeping Bellflower
Dörtlü +90° +180° +270°
- A99E54
Organic Matter
- 46AFAA
≈ Island Moment
- 9195D7
≈ Portage
- D0838D
≈ Rose Sachet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.72:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.70:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--organic-matter: #a99e54;
--organic-matter-rgb: 169 158 84;
--organic-matter-oklch: oklch(0.693 0.096 101);
}
.element {
color: var(--organic-matter);
background-color: hsl(52 34% 50%);
border-color: oklch(0.693 0.096 101);
}Tailwind CSS v4
@theme {
--color-organic-matter: #a99e54;
--color-organic-matter-50: #faf7d8;
--color-organic-matter-100: #edeac5;
--color-organic-matter-200: #dbd7a7;
--color-organic-matter-300: #c0ba80;
--color-organic-matter-400: #aba05b;
--color-organic-matter-500: #948833;
--color-organic-matter-600: #7d732d;
--color-organic-matter-700: #645c23;
--color-organic-matter-800: #4b4317;
--color-organic-matter-900: #342e0f;
--color-organic-matter-950: #1f1b03;
}SCSS
$organic-matter: #a99e54;
$organic-matter-rgb: 169, 158, 84;
$organic-matter-light: mix(#fff, $organic-matter, 20%);
$organic-matter-dark: mix(#000, $organic-matter, 20%);
.element {
color: $organic-matter;
box-shadow: 0 0 0 2px rgba($organic-matter, 0.35);
}