Nazwany kolor · #99AA66
Gallant Green
Gallant Green to #99AA66: rgb(153 170 102), hsl(75 29% 53%), oklch(0.709 0.094 120.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gallant Green color name →
#99AA66
oklch(0.709 0.094 120.3)
Konwersje koloru
- HEX
- #99aa66
- RGB
- rgb(153 170 102)
- HSL
- hsl(75 29% 53%)
- HWB
- hwb(75 40% 33%)
- OKLCH
- oklch(0.709 0.094 120.3)
- OKLab
- oklab(0.709 -0.047 0.081)
- CIE Lab
- lab(67.06 -14.49 32.92)
- LCH
- lch(67.06 35.97 113.7)
- CMYK
- cmyk(10% 0% 40% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3B276
- ACBB85
- B6C394
- C0CCA3
- CBD4B2
- D5DDC2
- DFE5D1
- EAEEE0
- F4F6EF
Odcienie ciemniejsze
- 849358
- 707D4A
- 5D683C
- 4A532F
- 383F23
- 272D17
- 171B0C
- 080B04
- 010100
Tony
- 96A669
- 94A26D
- 919D70
- 8F9973
- 8C9575
- 8A9178
- 878D7A
- 85887C
- 82847E
Harmonie kolorów
Komplementarna +180°
- 99AA66
Gallant Green
- AA94D3
≈ Biloba Flower
Analogowa -30° +30°
- 99AA66
Gallant Green
- B79F59
≈ Woollen Mittens
- 75B282
≈ Frosted Emerald
Triada +120° +240°
- 99AA66
Gallant Green
- 68A9D6
≈ Salem Blue
- D2889E
≈ Dull Pink
Komplementarna rozszczepiona +150° +210°
- 99AA66
Gallant Green
- 8A9EDC
≈ Azureno
- C38CBD
≈ Rock Star Pink
Tetrada +90° +180° +270°
- 99AA66
Gallant Green
- 4FB1C2
≈ Aqua Verde
- AA94D3
≈ Biloba Flower
- D58B7E
≈ My Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.29:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--gallant-green: #99aa66;
--gallant-green-rgb: 153 170 102;
--gallant-green-oklch: oklch(0.709 0.094 120.3);
}
.element {
color: var(--gallant-green);
background-color: hsl(75 29% 53%);
border-color: oklch(0.709 0.094 120.3);
}Tailwind CSS v4
@theme {
--color-gallant-green: #99aa66;
--color-gallant-green-50: #f0fadd;
--color-gallant-green-100: #e2edcb;
--color-gallant-green-200: #cddbaf;
--color-gallant-green-300: #afc08a;
--color-gallant-green-400: #97a767;
--color-gallant-green-500: #7e8f44;
--color-gallant-green-600: #6b793a;
--color-gallant-green-700: #55612e;
--color-gallant-green-800: #3f471f;
--color-gallant-green-900: #2c3114;
--color-gallant-green-950: #191d06;
}SCSS
$gallant-green: #99aa66;
$gallant-green-rgb: 153, 170, 102;
$gallant-green-light: mix(#fff, $gallant-green, 20%);
$gallant-green-dark: mix(#000, $gallant-green, 20%);
.element {
color: $gallant-green;
box-shadow: 0 0 0 2px rgba($gallant-green, 0.35);
}