Nazwany kolor · #655046
Mayan Chocolate
Mayan Chocolate to #655046: rgb(101 80 70), hsl(19 18% 34%), oklch(0.45 0.033 46.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mayan Chocolate color name →
#655046
oklch(0.45 0.033 46.8)
Konwersje koloru
- HEX
- #655046
- RGB
- rgb(101 80 70)
- HSL
- hsl(19 18% 34%)
- HWB
- hwb(19 27% 60%)
- OKLCH
- oklch(0.45 0.033 46.8)
- OKLab
- oklab(0.45 0.022 0.024)
- CIE Lab
- lab(36.02 7.85 9.42)
- LCH
- lch(36.02 12.26 50.2)
- CMYK
- cmyk(0% 21% 31% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 736057
- 827068
- 918179
- A0928B
- AFA39E
- BFB5B0
- CFC7C4
- DFD9D7
- EFECEB
Odcienie ciemniejsze
- 57443C
- 493932
- 3C2E28
- 2F241E
- 221A15
- 17100D
- 0C0705
- 030202
- 000000
Tony
- 68554C
- 6B5951
- 6D5E57
- 70635D
- 736862
- 756C68
- 78716E
- 7B7674
- 7D7B7A
Harmonie kolorów
Komplementarna +180°
- 655046
Mayan Chocolate
- 425963
≈ Midnight in the Tropics
Analogowa -30° +30°
- 655046
Mayan Chocolate
- 664E4F
≈ Robeson Rose
- 605341
≈ Roasted Sepia
Triada +120° +240°
- 655046
Mayan Chocolate
- 445B51
≈ Woodlawn Green
- 545367
≈ Academy Purple
Komplementarna rozszczepiona +150° +210°
- 655046
Mayan Chocolate
- 405B5B
≈ Teal Forest
- 4A5668
≈ Property
Tetrada +90° +180° +270°
- 655046
Mayan Chocolate
- 4D5A48
≈ Green Mile
- 425963
≈ Midnight in the Tropics
- 5D5061
≈ Napa Grape
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.52:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.78:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--mayan-chocolate: #655046;
--mayan-chocolate-rgb: 101 80 70;
--mayan-chocolate-oklch: oklch(0.45 0.033 46.8);
}
.element {
color: var(--mayan-chocolate);
background-color: hsl(19 18% 34%);
border-color: oklch(0.45 0.033 46.8);
}Tailwind CSS v4
@theme {
--color-mayan-chocolate: #655046;
--color-mayan-chocolate-50: #fdf3ed;
--color-mayan-chocolate-100: #f2e5df;
--color-mayan-chocolate-200: #e1d1c8;
--color-mayan-chocolate-300: #c6b3a9;
--color-mayan-chocolate-400: #b0998e;
--color-mayan-chocolate-500: #998074;
--color-mayan-chocolate-600: #826c62;
--color-mayan-chocolate-700: #68574f;
--color-mayan-chocolate-800: #4c3f39;
--color-mayan-chocolate-900: #352b27;
--color-mayan-chocolate-950: #201915;
}SCSS
$mayan-chocolate: #655046;
$mayan-chocolate-rgb: 101, 80, 70;
$mayan-chocolate-light: mix(#fff, $mayan-chocolate, 20%);
$mayan-chocolate-dark: mix(#000, $mayan-chocolate, 20%);
.element {
color: $mayan-chocolate;
box-shadow: 0 0 0 2px rgba($mayan-chocolate, 0.35);
}