Nazwany kolor · #006800
Forest Ride
Forest Ride to #006800: rgb(0 104 0), hsl(120 100% 20%), oklch(0.448 0.153 142.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Forest Ride color name →
#006800
oklch(0.448 0.153 142.5)
Konwersje koloru
- HEX
- #006800
- RGB
- rgb(0 104 0)
- HSL
- hsl(120 100% 20%)
- HWB
- hwb(120 0% 59%)
- OKLCH
- oklch(0.448 0.153 142.5)
- OKLab
- oklab(0.448 -0.121 0.093)
- CIE Lab
- lab(37.71 -41.01 41.9)
- LCH
- lch(37.71 58.63 134.4)
- CMYK
- cmyk(100% 0% 100% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2B7727
- 458640
- 5D9558
- 74A46F
- 8AB386
- A1C29E
- B8D1B6
- D0E0CE
- E7F0E6
Odcienie ciemniejsze
- 005900
- 004B00
- 003E00
- 003000
- 002400
- 001800
- 000C00
- 000400
- 000000
Tony
- 1D6B19
- 2D6E29
- 3A7036
- 457341
- 50754C
- 5A7857
- 647A61
- 6D7C6C
- 777E76
Harmonie kolorów
Komplementarna +180°
- 006800
Forest Ride
- 7A2F85
≈ Maximum Purple
Analogowa -30° +30°
- 006800
Forest Ride
- 565A00
≈ Greensboro
- 006450
≈ Piney Lake
Triada +120° +240°
- 006800
Forest Ride
- 234EA8
≈ The Blues Brothers
- 97222A
≈ Crimson Garland
Komplementarna rozszczepiona +150° +210°
- 006800
Forest Ride
- 5A3EA0
≈ Ruthless Empress
- 8F235D
≈ Dark Raspberry
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.04:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.98:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--forest-ride: #006800;
--forest-ride-rgb: 0 104 0;
--forest-ride-oklch: oklch(0.448 0.153 142.5);
}
.element {
color: var(--forest-ride);
background-color: hsl(120 100% 20%);
border-color: oklch(0.448 0.153 142.5);
}Tailwind CSS v4
@theme {
--color-forest-ride: #006800;
--color-forest-ride-50: #dbffda;
--color-forest-ride-100: #c9f6c9;
--color-forest-ride-200: #ace6ac;
--color-forest-ride-300: #85cc85;
--color-forest-ride-400: #64b55e;
--color-forest-ride-500: #3c9e37;
--color-forest-ride-600: #358630;
--color-forest-ride-700: #2a6b26;
--color-forest-ride-800: #204f17;
--color-forest-ride-900: #15370f;
--color-forest-ride-950: #062103;
}SCSS
$forest-ride: #006800;
$forest-ride-rgb: 0, 104, 0;
$forest-ride-light: mix(#fff, $forest-ride, 20%);
$forest-ride-dark: mix(#000, $forest-ride, 20%);
.element {
color: $forest-ride;
box-shadow: 0 0 0 2px rgba($forest-ride, 0.35);
}