Nazwany kolor · #8B504B
Lotus
Lotus to #8B504B: rgb(139 80 75), hsl(5 30% 42%), oklch(0.499 0.08 25.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Lotus color name →
#8B504B
oklch(0.499 0.08 25.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97615B
- A3716C
- AF827D
- BB938F
- C6A5A1
- D2B6B3
- DDC8C6
- E8DAD8
- F4ECEC
Odcienie ciemniejsze
- 784440
- 663935
- 542E2B
- 432421
- 321A17
- 23100E
- 140706
- 070202
- 010000
Tony
- 8B5550
- 8A5A56
- 895F5B
- 886460
- 876965
- 866D6B
- 857270
- 847775
- 827B7B
Harmonie kolorów
Komplementarna +180°
- 8B504B
Lotus
- 147079
≈ Iridescent Peacock
Analogowa -30° +30°
- 8B504B
Lotus
- 874F65
≈ Raspberry Crush
- 865634
≈ Burnt Crust
Triada +120° +240°
- 8B504B
Lotus
- 446F46
≈ Under the Radar
- 4D6291
≈ Breathtaking
Komplementarna rozszczepiona +150° +210°
- 8B504B
Lotus
- 237261
≈ Nordic Forest
- 2E6A8A
≈ Ocean Call
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.27:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.34:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}