Adlandırılmış renk · #7D5857
Berry Brandy
Berry Brandy, #7D5857: rgb(125 88 87), hsl(2 18% 42%), oklch(0.499 0.049 20.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Berry Brandy color name →
#7D5857
oklch(0.499 0.049 20.7)
Renk dönüşümleri
- HEX
- #7d5857
- RGB
- rgb(125 88 87)
- HSL
- hsl(2 18% 42%)
- HWB
- hwb(2 34% 51%)
- OKLCH
- oklch(0.499 0.049 20.7)
- OKLab
- oklab(0.499 0.046 0.017)
- CIE Lab
- lab(41.43 15.64 6.99)
- LCH
- lch(41.43 17.14 24.1)
- CMYK
- cmyk(0% 30% 30% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8A6766
- 967776
- A38786
- B09796
- BDA8A7
- CAB9B8
- D7CAC9
- E4DBDB
- F2EDED
Koyu tonlar
- 6C4B4B
- 5B3F3E
- 4B3333
- 3B2827
- 2C1D1C
- 1E1212
- 110908
- 050303
- 010000
Gri tonlar
- 7E5C5B
- 7E605F
- 7F6463
- 7F6867
- 7F6C6B
- 80706F
- 807473
- 807878
- 807C7C
Renk uyumları
Tamamlayıcı +180°
- 7D5857
Berry Brandy
- 3F6C6E
≈ Moat
Analog -30° +30°
- 7D5857
Berry Brandy
- 795867
≈ Royal Fig
- 7A5B4A
≈ Burns Cave
Üçlü +120° +240°
- 7D5857
Berry Brandy
- 546A50
≈ Daylight Jungle
- 536480
≈ Luxe Blue
Bölünmüş tamamlayıcı +150° +210°
- 7D5857
Berry Brandy
- 456C5F
≈ Smoke Pine
- 45697A
≈ Planet Green
Dörtlü +90° +180° +270°
- 7D5857
Berry Brandy
- 646645
≈ Woodland
- 3F6C6E
≈ Moat
- 635E7E
≈ Strong Iris
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.16:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.40:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--berry-brandy: #7d5857;
--berry-brandy-rgb: 125 88 87;
--berry-brandy-oklch: oklch(0.499 0.049 20.7);
}
.element {
color: var(--berry-brandy);
background-color: hsl(2 18% 42%);
border-color: oklch(0.499 0.049 20.7);
}Tailwind CSS v4
@theme {
--color-berry-brandy: #7d5857;
--color-berry-brandy-50: #fff0ef;
--color-berry-brandy-100: #f8e2e0;
--color-berry-brandy-200: #e9cdca;
--color-berry-brandy-300: #d0aeac;
--color-berry-brandy-400: #ba9392;
--color-berry-brandy-500: #a57978;
--color-berry-brandy-600: #8b6766;
--color-berry-brandy-700: #705251;
--color-berry-brandy-800: #523c3c;
--color-berry-brandy-900: #392929;
--color-berry-brandy-950: #241717;
}SCSS
$berry-brandy: #7d5857;
$berry-brandy-rgb: 125, 88, 87;
$berry-brandy-light: mix(#fff, $berry-brandy, 20%);
$berry-brandy-dark: mix(#000, $berry-brandy, 20%);
.element {
color: $berry-brandy;
box-shadow: 0 0 0 2px rgba($berry-brandy, 0.35);
}