Nazwany kolor · #BFAE5B
Mack Creek
Mack Creek to #BFAE5B: rgb(191 174 91), hsl(50 44% 55%), oklch(0.748 0.106 98). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Mack Creek color name →
#BFAE5B
oklch(0.748 0.106 98)
Konwersje koloru
- HEX
- #bfae5b
- RGB
- rgb(191 174 91)
- HSL
- hsl(50 44% 55%)
- HWB
- hwb(50 36% 25%)
- OKLCH
- oklch(0.748 0.106 98)
- OKLab
- oklab(0.748 -0.015 0.105)
- CIE Lab
- lab(71.26 -1.63 44.39)
- LCH
- lch(71.26 44.42 92.1)
- CMYK
- cmyk(0% 9% 52% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5B66D
- CBBE7E
- D2C68F
- D8CE9F
- DED7AF
- E5DFBF
- EBE7CF
- F2EFDF
- F8F7EF
Odcienie ciemniejsze
- A6974E
- 8D8041
- 756A35
- 5E5529
- 48411E
- 332E13
- 1F1C09
- 0D0B03
- 020100
Tony
- B8A961
- B2A566
- ACA06A
- A59C6E
- 9F9772
- 999375
- 928E78
- 8C897B
- 86857E
Harmonie kolorów
Komplementarna +180°
- BFAE5B
Mack Creek
- 9DA7F0
≈ Cold Lips
Analogowa -30° +30°
- BFAE5B
Mack Creek
- DAA060
≈ Butterscotch Syrup
- 9ABA70
≈ Olivine
Triada +120° +240°
- BFAE5B
Mack Creek
- 51BDDA
≈ Azurean
- D993C5
≈ Firm Pink
Komplementarna rozszczepiona +150° +210°
- BFAE5B
Mack Creek
- 75B3ED
≈ Lucea
- C09BE1
≈ Somewhere in a Fairytale
Tetrada +90° +180° +270°
- BFAE5B
Mack Creek
- 4DC3BA
≈ Treasured Teal
- 9DA7F0
≈ Cold Lips
- E791A0
≈ Peony
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.42:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--mack-creek: #bfae5b;
--mack-creek-rgb: 191 174 91;
--mack-creek-oklch: oklch(0.748 0.106 98);
}
.element {
color: var(--mack-creek);
background-color: hsl(50 44% 55%);
border-color: oklch(0.748 0.106 98);
}Tailwind CSS v4
@theme {
--color-mack-creek: #bfae5b;
--color-mack-creek-50: #fcf7d4;
--color-mack-creek-100: #f0e9c1;
--color-mack-creek-200: #ded6a2;
--color-mack-creek-300: #c4b979;
--color-mack-creek-400: #af9f51;
--color-mack-creek-500: #998622;
--color-mack-creek-600: #817220;
--color-mack-creek-700: #685b19;
--color-mack-creek-800: #4d420f;
--color-mack-creek-900: #362d09;
--color-mack-creek-950: #211a00;
}SCSS
$mack-creek: #bfae5b;
$mack-creek-rgb: 191, 174, 91;
$mack-creek-light: mix(#fff, $mack-creek, 20%);
$mack-creek-dark: mix(#000, $mack-creek, 20%);
.element {
color: $mack-creek;
box-shadow: 0 0 0 2px rgba($mack-creek, 0.35);
}