Nazwany kolor · #808337
Majorca Green
Majorca Green to #808337: rgb(128 131 55), hsl(62 41% 36%), oklch(0.591 0.099 111.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Majorca Green color name →
#808337
oklch(0.591 0.099 111.2)
Konwersje koloru
- HEX
- #808337
- RGB
- rgb(128 131 55)
- HSL
- hsl(62 41% 36%)
- HWB
- hwb(62 22% 49%)
- OKLCH
- oklch(0.591 0.099 111.2)
- OKLab
- oklab(0.591 -0.036 0.093)
- CIE Lab
- lab(53.28 -9.21 39.7)
- LCH
- lch(53.28 40.75 103.1)
- CMYK
- cmyk(2% 0% 58% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C8F4D
- 989B61
- A4A774
- B0B488
- BDC09B
- CACCAF
- D7D9C3
- E4E5D7
- F1F2EB
Odcienie ciemniejsze
- 6E712E
- 5D6026
- 4D4F1E
- 3D3F16
- 2E2F0F
- 1F2008
- 121203
- 060601
- 010100
Tony
- 808341
- 808349
- 808351
- 808259
- 808260
- 808267
- 80816D
- 808174
- 80817A
Harmonie kolorów
Komplementarna +180°
- 808337
Majorca Green
- 7E72B4
≈ Plum Preserve
Analogowa -30° +30°
- 808337
Majorca Green
- 9C7730
≈ Persian Gold
- 5B8C54
≈ Topiary Sculpture
Triada +120° +240°
- 808337
Majorca Green
- 3288AE
≈ Blue Splash
- AA6485
≈ Wild Mulberry
Komplementarna rozszczepiona +150° +210°
- 808337
Majorca Green
- 5C7DB9
≈ Woad Blue
- 9969A1
≈ Allium
Tetrada +90° +180° +270°
- 808337
Majorca Green
- 088F96
≈ Christina Brown
- 7E72B4
≈ Plum Preserve
- B16464
≈ Lasting Impression
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.02:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.21:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--majorca-green: #808337;
--majorca-green-rgb: 128 131 55;
--majorca-green-oklch: oklch(0.591 0.099 111.2);
}
.element {
color: var(--majorca-green);
background-color: hsl(62 41% 36%);
border-color: oklch(0.591 0.099 111.2);
}Tailwind CSS v4
@theme {
--color-majorca-green: #808337;
--color-majorca-green-50: #f5f9d9;
--color-majorca-green-100: #e7ecc6;
--color-majorca-green-200: #d4d9a9;
--color-majorca-green-300: #b7bd82;
--color-majorca-green-400: #a1a45d;
--color-majorca-green-500: #898c36;
--color-majorca-green-600: #74772f;
--color-majorca-green-700: #5d5f25;
--color-majorca-green-800: #454518;
--color-majorca-green-900: #303010;
--color-majorca-green-950: #1c1c03;
}SCSS
$majorca-green: #808337;
$majorca-green-rgb: 128, 131, 55;
$majorca-green-light: mix(#fff, $majorca-green, 20%);
$majorca-green-dark: mix(#000, $majorca-green, 20%);
.element {
color: $majorca-green;
box-shadow: 0 0 0 2px rgba($majorca-green, 0.35);
}