Nazwany kolor · #B58E8B
Brandy Snaps
Brandy Snaps to #B58E8B: rgb(181 142 139), hsl(4 22% 63%), oklch(0.682 0.048 23.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Brandy Snaps color name →
#B58E8B
oklch(0.682 0.048 23.5)
Konwersje koloru
- HEX
- #b58e8b
- RGB
- rgb(181 142 139)
- HSL
- hsl(4 22% 63%)
- HWB
- hwb(4 55% 29%)
- OKLCH
- oklch(0.682 0.048 23.5)
- OKLab
- oklab(0.682 0.044 0.019)
- CIE Lab
- lab(62.71 14.88 7.55)
- LCH
- lch(62.71 16.69 26.9)
- CMYK
- cmyk(0% 22% 23% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BD9996
- C4A4A1
- CBAFAC
- D3BAB8
- DAC5C3
- E2D1CF
- E9DCDB
- F0E8E7
- F8F3F3
Odcienie ciemniejsze
- 9D7B78
- 866866
- 6F5654
- 594443
- 443432
- 302423
- 1D1514
- 0C0707
- 020101
Tony
- B08D8A
- AB8B89
- A58A88
- A08987
- 9B8786
- 958684
- 908483
- 8B8382
- 858181
Harmonie kolorów
Komplementarna +180°
- B58E8B
Brandy Snaps
- 76A2A6
≈ Spartacus
Analogowa -30° +30°
- B58E8B
Brandy Snaps
- B28D9B
≈ Mauve Shadows
- B1927E
≈ Sandrift
Triada +120° +240°
- B58E8B
Brandy Snaps
- 88A186
≈ Basil
- 8A99B7
≈ Periwinkle Blossom
Komplementarna rozszczepiona +150° +210°
- B58E8B
Brandy Snaps
- 7BA396
≈ Verdigreen
- 7C9FB2
≈ Blue Cascade
Tetrada +90° +180° +270°
- B58E8B
Brandy Snaps
- 989D7B
≈ Rookwood Jade
- 76A2A6
≈ Spartacus
- 9A94B4
≈ Tusi Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.91:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.20:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.20:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--brandy-snaps: #b58e8b;
--brandy-snaps-rgb: 181 142 139;
--brandy-snaps-oklch: oklch(0.682 0.048 23.5);
}
.element {
color: var(--brandy-snaps);
background-color: hsl(4 22% 63%);
border-color: oklch(0.682 0.048 23.5);
}Tailwind CSS v4
@theme {
--color-brandy-snaps: #b58e8b;
--color-brandy-snaps-50: #fff0ee;
--color-brandy-snaps-100: #f8e2e0;
--color-brandy-snaps-200: #e8cdca;
--color-brandy-snaps-300: #cfafab;
--color-brandy-snaps-400: #b99491;
--color-brandy-snaps-500: #a47a77;
--color-brandy-snaps-600: #8a6765;
--color-brandy-snaps-700: #6f5351;
--color-brandy-snaps-800: #523c3b;
--color-brandy-snaps-900: #392928;
--color-brandy-snaps-950: #231716;
}SCSS
$brandy-snaps: #b58e8b;
$brandy-snaps-rgb: 181, 142, 139;
$brandy-snaps-light: mix(#fff, $brandy-snaps, 20%);
$brandy-snaps-dark: mix(#000, $brandy-snaps, 20%);
.element {
color: $brandy-snaps;
box-shadow: 0 0 0 2px rgba($brandy-snaps, 0.35);
}