Nazwany kolor · #977B4D
Alluring Umber
Alluring Umber to #977B4D: rgb(151 123 77), hsl(37 32% 45%), oklch(0.599 0.072 79.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Alluring Umber color name →
#977B4D
oklch(0.599 0.072 79.1)
Konwersje koloru
- HEX
- #977b4d
- RGB
- rgb(151 123 77)
- HSL
- hsl(37 32% 45%)
- HWB
- hwb(37 30% 41%)
- OKLCH
- oklch(0.599 0.072 79.1)
- OKLab
- oklab(0.599 0.014 0.071)
- CIE Lab
- lab(53.53 6.68 29.35)
- LCH
- lch(53.53 30.1 77.2)
- CMYK
- cmyk(0% 19% 49% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A1885E
- AB9470
- B6A181
- C0AE93
- CABBA4
- D5C9B6
- DFD6C8
- EAE4DA
- F4F1EC
Odcienie ciemniejsze
- 836A42
- 6F5A37
- 5C4A2C
- 493A22
- 372C18
- 261E0F
- 171007
- 080502
- 010100
Tony
- 957C53
- 937C58
- 907D5E
- 8E7D63
- 8C7E68
- 897E6D
- 877F72
- 857F77
- 82807B
Harmonie kolorów
Komplementarna +180°
- 977B4D
Alluring Umber
- 6681AB
≈ Navigator
Analogowa -30° +30°
- 977B4D
Alluring Umber
- A37359
≈ Chic Brick
- 838450
≈ Candied Lime
Triada +120° +240°
- 977B4D
Alluring Umber
- 458D90
≈ Blue Chill
- 93729B
≈ Diffused Orchid
Komplementarna rozszczepiona +150° +210°
- 977B4D
Alluring Umber
- 4F88A2
≈ Raging Tide
- 7E79A8
≈ Minuet Lilac
Tetrada +90° +180° +270°
- 977B4D
Alluring Umber
- 518E79
≈ Winter Green
- 6681AB
≈ Navigator
- A16E87
≈ Pink Jazz
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.99:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.25:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--alluring-umber: #977b4d;
--alluring-umber-rgb: 151 123 77;
--alluring-umber-oklch: oklch(0.599 0.072 79.1);
}
.element {
color: var(--alluring-umber);
background-color: hsl(37 32% 45%);
border-color: oklch(0.599 0.072 79.1);
}Tailwind CSS v4
@theme {
--color-alluring-umber: #977b4d;
--color-alluring-umber-50: #fff4df;
--color-alluring-umber-100: #f4e6ce;
--color-alluring-umber-200: #e4d2b2;
--color-alluring-umber-300: #cab48e;
--color-alluring-umber-400: #b59a6e;
--color-alluring-umber-500: #a0814d;
--color-alluring-umber-600: #876d42;
--color-alluring-umber-700: #6c5734;
--color-alluring-umber-800: #503f25;
--color-alluring-umber-900: #382b19;
--color-alluring-umber-950: #231909;
}SCSS
$alluring-umber: #977b4d;
$alluring-umber-rgb: 151, 123, 77;
$alluring-umber-light: mix(#fff, $alluring-umber, 20%);
$alluring-umber-dark: mix(#000, $alluring-umber, 20%);
.element {
color: $alluring-umber;
box-shadow: 0 0 0 2px rgba($alluring-umber, 0.35);
}