Colore con nome · #8B504B
Lotus
Lotus è #8B504B: rgb(139 80 75), hsl(5 30% 42%), oklch(0.499 0.08 25.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lotus color name →
#8B504B
oklch(0.499 0.08 25.5)
Conversioni di colore
- HEX
- #8b504b
- RGB
- rgb(139 80 75)
- HSL
- hsl(5 30% 42%)
- HWB
- hwb(5 29% 45%)
- OKLCH
- oklch(0.499 0.08 25.5)
- OKLab
- oklab(0.499 0.072 0.035)
- CIE Lab
- lab(41.09 24.92 14.21)
- LCH
- lch(41.09 28.69 29.7)
- CMYK
- cmyk(0% 42% 46% 45%)
Tinte · Ombre · Toni
Tinte
- 97615B
- A3716C
- AF827D
- BB938F
- C6A5A1
- D2B6B3
- DDC8C6
- E8DAD8
- F4ECEC
Ombre
- 784440
- 663935
- 542E2B
- 432421
- 321A17
- 23100E
- 140706
- 070202
- 010000
Toni
- 8B5550
- 8A5A56
- 895F5B
- 886460
- 876965
- 866D6B
- 857270
- 847775
- 827B7B
Armonie di colore
Complementare +180°
- 8B504B
Lotus
- 147079
≈ Iridescent Peacock
Analogo -30° +30°
- 8B504B
Lotus
- 874F65
≈ Raspberry Crush
- 865634
≈ Burnt Crust
Triadico +120° +240°
- 8B504B
Lotus
- 446F46
≈ Under the Radar
- 4D6291
≈ Breathtaking
Complementare divisa +150° +210°
- 8B504B
Lotus
- 237261
≈ Nordic Forest
- 2E6A8A
≈ Ocean Call
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.27:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.34:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--lotus: #8b504b;
--lotus-rgb: 139 80 75;
--lotus-oklch: oklch(0.499 0.08 25.5);
}
.element {
color: var(--lotus);
background-color: hsl(5 30% 42%);
border-color: oklch(0.499 0.08 25.5);
}Tailwind CSS v4
@theme {
--color-lotus: #8b504b;
--color-lotus-50: #ffede9;
--color-lotus-100: #ffded9;
--color-lotus-200: #f5c8c2;
--color-lotus-300: #dea8a1;
--color-lotus-400: #ca8c86;
--color-lotus-500: #b5716b;
--color-lotus-600: #99605a;
--color-lotus-700: #7b4c48;
--color-lotus-800: #5b3735;
--color-lotus-900: #402624;
--color-lotus-950: #291413;
}SCSS
$lotus: #8b504b;
$lotus-rgb: 139, 80, 75;
$lotus-light: mix(#fff, $lotus, 20%);
$lotus-dark: mix(#000, $lotus, 20%);
.element {
color: $lotus;
box-shadow: 0 0 0 2px rgba($lotus, 0.35);
}