Nazwany kolor · #81585B
Alaea
Alaea to #81585B: rgb(129 88 91), hsl(356 19% 43%), oklch(0.505 0.055 14.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Alaea color name →
#81585B
oklch(0.505 0.055 14.4)
Konwersje koloru
- HEX
- #81585b
- RGB
- rgb(129 88 91)
- HSL
- hsl(356 19% 43%)
- HWB
- hwb(356 35% 49%)
- OKLCH
- oklch(0.505 0.055 14.4)
- OKLab
- oklab(0.505 0.053 0.014)
- CIE Lab
- lab(42.02 17.78 5.47)
- LCH
- lch(42.02 18.6 17.1)
- CMYK
- cmyk(0% 32% 29% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8D676A
- 9A7779
- A68789
- B39899
- C0A8A9
- CCB9BA
- D9CACB
- E5DCDC
- F2EDED
Odcienie ciemniejsze
- 6F4B4E
- 5E3F41
- 4E3335
- 3E2829
- 2E1D1E
- 1F1213
- 120909
- 060303
- 010000
Tony
- 815C5F
- 816062
- 826466
- 82686A
- 826C6D
- 817071
- 817475
- 817878
- 817C7C
Harmonie kolorów
Komplementarna +180°
- 81585B
Alaea
- 3C6F6E
≈ Moonlit Forest
Analogowa -30° +30°
- 81585B
Alaea
- 7C586C
≈ Euphoric Magenta
- 805B4B
≈ Wooden Wagon
Triada +120° +240°
- 81585B
Alaea
- 586C4C
≈ Daylight Jungle
- 4F6784
≈ Luxe Blue
Komplementarna rozszczepiona +150° +210°
- 81585B
Alaea
- 466F5D
≈ Cormorant
- 406C7C
≈ Mammoth Mountain
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.03:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.48:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--alaea: #81585b;
--alaea-rgb: 129 88 91;
--alaea-oklch: oklch(0.505 0.055 14.4);
}
.element {
color: var(--alaea);
background-color: hsl(356 19% 43%);
border-color: oklch(0.505 0.055 14.4);
}Tailwind CSS v4
@theme {
--color-alaea: #81585b;
--color-alaea-50: #ffeff0;
--color-alaea-100: #fae1e1;
--color-alaea-200: #ebcbcc;
--color-alaea-300: #d2adae;
--color-alaea-400: #bc9294;
--color-alaea-500: #a7787b;
--color-alaea-600: #8d6568;
--color-alaea-700: #715153;
--color-alaea-800: #543b3d;
--color-alaea-900: #3a282a;
--color-alaea-950: #241618;
}SCSS
$alaea: #81585b;
$alaea-rgb: 129, 88, 91;
$alaea-light: mix(#fff, $alaea, 20%);
$alaea-dark: mix(#000, $alaea, 20%);
.element {
color: $alaea;
box-shadow: 0 0 0 2px rgba($alaea, 0.35);
}