Adlandırılmış renk · #A37C79
Brandied Apple
Brandied Apple, #A37C79: rgb(163 124 121), hsl(4 19% 56%), oklch(0.623 0.049 23.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Brandied Apple color name →
#A37C79
oklch(0.623 0.049 23.6)
Renk dönüşümleri
- HEX
- #a37c79
- RGB
- rgb(163 124 121)
- HSL
- hsl(4 19% 56%)
- HWB
- hwb(4 47% 36%)
- OKLCH
- oklch(0.623 0.049 23.6)
- OKLab
- oklab(0.623 0.045 0.02)
- CIE Lab
- lab(55.84 15.28 7.82)
- LCH
- lch(55.84 17.16 27.1)
- CMYK
- cmyk(0% 24% 26% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AC8886
- B59592
- BFA29F
- C8AFAD
- D1BCBA
- DAC9C7
- E3D6D5
- EDE4E3
- F6F1F1
Koyu tonlar
- 8D6B68
- 785A58
- 634A48
- 4F3B39
- 3C2C2B
- 2A1E1D
- 191110
- 0A0505
- 010101
Gri tonlar
- A07C7A
- 9C7D7A
- 997D7B
- 957E7C
- 927E7D
- 8F7F7D
- 8B7F7E
- 877F7F
- 84807F
Renk uyumları
Tamamlayıcı +180°
- A37C79
Brandied Apple
- 639095
≈ Tranquil Seashore
Analog -30° +30°
- A37C79
Brandied Apple
- A07B89
≈ Dusky Orchid
- 9F806C
≈ Beaver Kit
Üçlü +120° +240°
- A37C79
Brandied Apple
- 768F74
≈ Loden Frost
- 7887A6
≈ Enchanting Sky
Bölünmüş tamamlayıcı +150° +210°
- A37C79
Brandied Apple
- 689185
≈ Pine Ridge
- 6A8DA0
≈ Leisure Blue
Dörtlü +90° +180° +270°
- A37C79
Brandied Apple
- 878B69
≈ Pesto Paste
- 639095
≈ Tranquil Seashore
- 8882A3
≈ Live Jazz
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.71:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.71:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--brandied-apple: #a37c79;
--brandied-apple-rgb: 163 124 121;
--brandied-apple-oklch: oklch(0.623 0.049 23.6);
}
.element {
color: var(--brandied-apple);
background-color: hsl(4 19% 56%);
border-color: oklch(0.623 0.049 23.6);
}Tailwind CSS v4
@theme {
--color-brandied-apple: #a37c79;
--color-brandied-apple-50: #fff0ee;
--color-brandied-apple-100: #f8e2df;
--color-brandied-apple-200: #e9cdca;
--color-brandied-apple-300: #d0aeab;
--color-brandied-apple-400: #ba9491;
--color-brandied-apple-500: #a47a77;
--color-brandied-apple-600: #8b6764;
--color-brandied-apple-700: #6f5250;
--color-brandied-apple-800: #523c3b;
--color-brandied-apple-900: #392928;
--color-brandied-apple-950: #241716;
}SCSS
$brandied-apple: #a37c79;
$brandied-apple-rgb: 163, 124, 121;
$brandied-apple-light: mix(#fff, $brandied-apple, 20%);
$brandied-apple-dark: mix(#000, $brandied-apple, 20%);
.element {
color: $brandied-apple;
box-shadow: 0 0 0 2px rgba($brandied-apple, 0.35);
}