Najbliższy nazwany kolor · #BE944F
#BE944F
Najbliższy nazwany kolor: Maple Syrup
#BE944F (rgb(190 148 79), hsl(37 46% 53%), oklch(0.692 0.101 78.2)) jest najbliższy nazwanemu kolorowi Maple Syrup. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BE944F
oklch(0.692 0.101 78.2)
Konwersje koloru
- HEX
- #be944f
- RGB
- rgb(190 148 79)
- HSL
- hsl(37 46% 53%)
- HWB
- hwb(37 31% 25%)
- OKLCH
- oklch(0.692 0.101 78.2)
- OKLab
- oklab(0.692 0.021 0.099)
- CIE Lab
- lab(64.29 10.51 42.26)
- LCH
- lch(64.29 43.54 76)
- CMYK
- cmyk(0% 22% 58% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C59F62
- CBA974
- D2B486
- D8BE97
- DFC9A8
- E5D4B9
- ECDFCB
- F2E9DC
- F9F4ED
Odcienie ciemniejsze
- A58044
- 8C6D38
- 755A2E
- 5E4823
- 483619
- 332610
- 1F1607
- 0D0802
- 020100
Tony
- B89256
- B2905C
- AB8F61
- A58D67
- 9F8B6B
- 998970
- 938774
- 8C8478
- 86827C
Harmonie kolorów
Komplementarna +180°
- BE944F
Maple Syrup
- 759DDA
≈ Ice Blue
Analogowa -30° +30°
- BE944F
Maple Syrup
- CF8863
≈ Harvest Time
- A2A153
≈ Reed Green
Triada +120° +240°
- BE944F
Maple Syrup
- 3CAFB3
≈ Lake Tahoe Turquoise
- B688C4
≈ Creeping Bellflower
Komplementarna rozszczepiona +150° +210°
- BE944F
Maple Syrup
- 4FA8CD
≈ Mystic Blue
- 9992D7
≈ Portage
Tetrada +90° +180° +270°
- BE944F
Maple Syrup
- 54B090
≈ O’grady Green
- 759DDA
≈ Ice Blue
- CA82A7
≈ Moonlight Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.53:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--maple-syrup: #be944f;
--maple-syrup-rgb: 190 148 79;
--maple-syrup-oklch: oklch(0.692 0.101 78.2);
}
.element {
color: var(--maple-syrup);
background-color: hsl(37 46% 53%);
border-color: oklch(0.692 0.101 78.2);
}Tailwind CSS v4
@theme {
--color-maple-syrup: #be944f;
--color-maple-syrup-50: #fff3d5;
--color-maple-syrup-100: #fae5c3;
--color-maple-syrup-200: #ebd0a4;
--color-maple-syrup-300: #d2b27c;
--color-maple-syrup-400: #bf9756;
--color-maple-syrup-500: #aa7d2c;
--color-maple-syrup-600: #906a27;
--color-maple-syrup-700: #73551f;
--color-maple-syrup-800: #563d15;
--color-maple-syrup-900: #3c2a0d;
--color-maple-syrup-950: #261702;
}SCSS
$maple-syrup: #be944f;
$maple-syrup-rgb: 190, 148, 79;
$maple-syrup-light: mix(#fff, $maple-syrup, 20%);
$maple-syrup-dark: mix(#000, $maple-syrup, 20%);
.element {
color: $maple-syrup;
box-shadow: 0 0 0 2px rgba($maple-syrup, 0.35);
}