Nazwany kolor · #C89134
Mecca Gold
Mecca Gold to #C89134: rgb(200 145 52), hsl(38 59% 49%), oklch(0.694 0.125 76.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mecca Gold color name →
#C89134
oklch(0.694 0.125 76.7)
Konwersje koloru
- HEX
- #c89134
- RGB
- rgb(200 145 52)
- HSL
- hsl(38 59% 49%)
- HWB
- hwb(38 20% 22%)
- OKLCH
- oklch(0.694 0.125 76.7)
- OKLab
- oklab(0.694 0.029 0.122)
- CIE Lab
- lab(64.45 15.2 55.2)
- LCH
- lch(64.45 57.26 74.6)
- CMYK
- cmyk(0% 28% 74% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CE9C4E
- D4A764
- D9B278
- DFBD8C
- E4C89F
- EAD3B3
- EFDEC6
- F5E9D9
- FAF4EC
Odcienie ciemniejsze
- AE7D2C
- 946A24
- 7B581C
- 634615
- 4C350E
- 362507
- 211503
- 0F0701
- 020100
Tony
- C19041
- BA8E4B
- B28D54
- AB8B5C
- A48A63
- 9D8869
- 968670
- 8F8475
- 87827B
Harmonie kolorów
Komplementarna +180°
- C89134
Mecca Gold
- 689EE9
≈ Feather Star
Analogowa -30° +30°
- C89134
Mecca Gold
- DB8256
≈ Show Business
- A6A138
≈ Machine Green
Triada +120° +240°
- C89134
Mecca Gold
- 00B3B5
≈ Cyan Sky
- BB83D0
≈ Purception
Komplementarna rozszczepiona +150° +210°
- C89134
Mecca Gold
- 26ABD8
≈ Bright Cerulean
- 9790E6
≈ Perrywinkle
Tetrada +90° +180° +270°
- C89134
Mecca Gold
- 38B58C
≈ Hisui Kingfisher
- 689EE9
≈ Feather Star
- D47BAC
≈ Ice Plant
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.77:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.55:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--mecca-gold: #c89134;
--mecca-gold-rgb: 200 145 52;
--mecca-gold-oklch: oklch(0.694 0.125 76.7);
}
.element {
color: var(--mecca-gold);
background-color: hsl(38 59% 49%);
border-color: oklch(0.694 0.125 76.7);
}Tailwind CSS v4
@theme {
--color-mecca-gold: #c89134;
--color-mecca-gold-50: #fff2ce;
--color-mecca-gold-100: #ffe4b9;
--color-mecca-gold-200: #f2ce97;
--color-mecca-gold-300: #dab06b;
--color-mecca-gold-400: #c8943e;
--color-mecca-gold-500: #b47900;
--color-mecca-gold-600: #986600;
--color-mecca-gold-700: #7a5200;
--color-mecca-gold-800: #5b3b00;
--color-mecca-gold-900: #402801;
--color-mecca-gold-950: #291600;
}SCSS
$mecca-gold: #c89134;
$mecca-gold-rgb: 200, 145, 52;
$mecca-gold-light: mix(#fff, $mecca-gold, 20%);
$mecca-gold-dark: mix(#000, $mecca-gold, 20%);
.element {
color: $mecca-gold;
box-shadow: 0 0 0 2px rgba($mecca-gold, 0.35);
}