Nazwany kolor · #8C9900
Traffic Light Green
Traffic Light Green to #8C9900: rgb(140 153 0), hsl(65 100% 30%), oklch(0.65 0.148 115.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Traffic Light Green color name →
#8C9900
oklch(0.65 0.148 115.7)
Konwersje koloru
- HEX
- #8c9900
- RGB
- rgb(140 153 0)
- HSL
- hsl(65 100% 30%)
- HWB
- hwb(65 0% 40%)
- OKLCH
- oklch(0.65 0.148 115.7)
- OKLab
- oklab(0.65 -0.064 0.134)
- CIE Lab
- lab(60.49 -16.48 62.41)
- LCH
- lch(60.49 64.55 104.8)
- CMYK
- cmyk(8% 0% 100% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97A335
- A1AE51
- ACB869
- B8C27F
- C3CC95
- CFD6AA
- DBE1BF
- E7EBD5
- F3F5EA
Odcienie ciemniejsze
- 798400
- 677000
- 555D00
- 434A00
- 333800
- 232700
- 141700
- 070800
- 010100
Tony
- 8B9725
- 899537
- 889244
- 87904F
- 858D59
- 848B62
- 83886A
- 828672
- 818379
Harmonie kolorów
Komplementarna +180°
- 8C9900
Traffic Light Green
- 987ADF
≈ Matt Purple
Analogowa -30° +30°
- 8C9900
Traffic Light Green
- B38800
≈ Loden Yellow
- 4AA654
≈ Straightforward Green
Triada +120° +240°
- 8C9900
Traffic Light Green
- 009AD8
≈ Bayern Blue
- D36493
≈ Preppy Rose
Komplementarna rozszczepiona +150° +210°
- 8C9900
Traffic Light Green
- 648AE9
≈ Soft Blue
- BC6CBF
≈ Lavendless
Tetrada +90° +180° +270°
- 8C9900
Traffic Light Green
- 00A2B0
≈ Garish Blue
- 987ADF
≈ Matt Purple
- DB665F
≈ Salami Slice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.14:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.67:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.67:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--traffic-light-green: #8c9900;
--traffic-light-green-rgb: 140 153 0;
--traffic-light-green-oklch: oklch(0.65 0.148 115.7);
}
.element {
color: var(--traffic-light-green);
background-color: hsl(65 100% 30%);
border-color: oklch(0.65 0.148 115.7);
}Tailwind CSS v4
@theme {
--color-traffic-light-green: #8c9900;
--color-traffic-light-green-50: #f1fccc;
--color-traffic-light-green-100: #e3efb7;
--color-traffic-light-green-200: #cfdd94;
--color-traffic-light-green-300: #b1c266;
--color-traffic-light-green-400: #9ba831;
--color-traffic-light-green-500: #839000;
--color-traffic-light-green-600: #6f7a00;
--color-traffic-light-green-700: #596200;
--color-traffic-light-green-800: #434700;
--color-traffic-light-green-900: #2e3100;
--color-traffic-light-green-950: #1b1d00;
}SCSS
$traffic-light-green: #8c9900;
$traffic-light-green-rgb: 140, 153, 0;
$traffic-light-green-light: mix(#fff, $traffic-light-green, 20%);
$traffic-light-green-dark: mix(#000, $traffic-light-green, 20%);
.element {
color: $traffic-light-green;
box-shadow: 0 0 0 2px rgba($traffic-light-green, 0.35);
}