Nazwany kolor · #9D913C
Gecko
Gecko to #9D913C: rgb(157 145 60), hsl(53 45% 43%), oklch(0.65 0.107 101.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gecko color name →
#9D913C
oklch(0.65 0.107 101.3)
Konwersje koloru
- HEX
- #9d913c
- RGB
- rgb(157 145 60)
- HSL
- hsl(53 45% 43%)
- HWB
- hwb(53 24% 38%)
- OKLCH
- oklch(0.65 0.107 101.3)
- OKLab
- oklab(0.65 -0.021 0.105)
- CIE Lab
- lab(59.96 -3.33 45.46)
- LCH
- lch(59.96 45.59 94.2)
- CMYK
- cmyk(0% 8% 62% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A69C52
- B0A766
- B9B27A
- C3BC8D
- CDC7A0
- D6D2B3
- E0DEC6
- EBE9D9
- F5F4EC
Odcienie ciemniejsze
- 887D33
- 736A2A
- 5F5821
- 4C4619
- 3A3511
- 28250A
- 181504
- 090701
- 010100
Tony
- 9A8F46
- 978E4E
- 948C56
- 918B5D
- 8E8964
- 8B876A
- 888670
- 868475
- 83827B
Harmonie kolorów
Komplementarna +180°
- 9D913C
Gecko
- 8487CF
≈ True Lavender
Analogowa -30° +30°
- 9D913C
Gecko
- B8833F
≈ Amber Essence
- 789D56
≈ Leek Soup
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 9D913C
Gecko
- 5C93CE
≈ Winter Lake
- A47CBF
≈ Wisteria
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.20:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.54:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.54:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--gecko: #9d913c;
--gecko-rgb: 157 145 60;
--gecko-oklch: oklch(0.65 0.107 101.3);
}
.element {
color: var(--gecko);
background-color: hsl(53 45% 43%);
border-color: oklch(0.65 0.107 101.3);
}Tailwind CSS v4
@theme {
--color-gecko: #9d913c;
--color-gecko-50: #faf7d4;
--color-gecko-100: #eeeac1;
--color-gecko-200: #dcd7a2;
--color-gecko-300: #c1ba79;
--color-gecko-400: #aca052;
--color-gecko-500: #958823;
--color-gecko-600: #7e7320;
--color-gecko-700: #655c1a;
--color-gecko-800: #4b430f;
--color-gecko-900: #342e0a;
--color-gecko-950: #201b00;
}SCSS
$gecko: #9d913c;
$gecko-rgb: 157, 145, 60;
$gecko-light: mix(#fff, $gecko, 20%);
$gecko-dark: mix(#000, $gecko, 20%);
.element {
color: $gecko;
box-shadow: 0 0 0 2px rgba($gecko, 0.35);
}