Nazwany kolor · #EBA180
Mamey
Mamey to #EBA180: rgb(235 161 128), hsl(19 73% 71%), oklch(0.774 0.1 44.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Mamey color name →
#EBA180
oklch(0.774 0.1 44.8)
Konwersje koloru
- HEX
- #eba180
- RGB
- rgb(235 161 128)
- HSL
- hsl(19 73% 71%)
- HWB
- hwb(19 50% 8%)
- OKLCH
- oklch(0.774 0.1 44.8)
- OKLab
- oklab(0.774 0.071 0.07)
- CIE Lab
- lab(73.12 25.55 28.88)
- LCH
- lch(73.12 38.56 48.5)
- CMYK
- cmyk(0% 31% 46% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEAB8D
- F0B499
- F3BDA6
- F5C7B3
- F7D0BF
- F9DACC
- FBE3D9
- FCECE5
- FEF6F2
Odcienie ciemniejsze
- CC8B6E
- AE765D
- 91624D
- 754E3D
- 5B3C2E
- 412A1F
- 291912
- 130906
- 030101
Tony
- E09E80
- D69B81
- CB9881
- C09481
- B69181
- AB8E81
- A08A81
- 968781
- 8B8480
Harmonie kolorów
Komplementarna +180°
- EBA180
Mamey
- 68C3E5
≈ Candid Blue
Analogowa -30° +30°
- EBA180
Mamey
- EE9BA1
≈ River Rouge
- DBAC6B
≈ Necrophilic Brown
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- EBA180
Mamey
- 5DC9C9
≈ Setting Sail
- 8AB8F4
≈ Electric Eel
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.11:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.94:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--mamey: #eba180;
--mamey-rgb: 235 161 128;
--mamey-oklch: oklch(0.774 0.1 44.8);
}
.element {
color: var(--mamey);
background-color: hsl(19 73% 71%);
border-color: oklch(0.774 0.1 44.8);
}Tailwind CSS v4
@theme {
--color-mamey: #eba180;
--color-mamey-50: #ffeddd;
--color-mamey-100: #ffdfcc;
--color-mamey-200: #f9c8b1;
--color-mamey-300: #e3a88c;
--color-mamey-400: #d08b6d;
--color-mamey-500: #bc6f4c;
--color-mamey-600: #9f5f41;
--color-mamey-700: #804b34;
--color-mamey-800: #5f3625;
--color-mamey-900: #432519;
--color-mamey-950: #2b130a;
}SCSS
$mamey: #eba180;
$mamey-rgb: 235, 161, 128;
$mamey-light: mix(#fff, $mamey, 20%);
$mamey-dark: mix(#000, $mamey, 20%);
.element {
color: $mamey;
box-shadow: 0 0 0 2px rgba($mamey, 0.35);
}